TastyBite is a modern, fully responsive recipe discovery web application designed to help users explore, search, and save delicious and healthy recipes. Built entirely with HTML, CSS, Bootstrap, JavaScript, and jQuery — it offers a clean UI, smooth animations, and interactive features like favorites, AI-powered suggestions, and login/register functionality using localStorage.
- HTML5 & CSS3
- Bootstrap 5
- JavaScript & jQuery
- Typed.js & AOS for animations
- LocalStorage API
- GitHub Pages for deployment
- 🔍 Search Recipes – Search bar with smart redirects to recipe results
- 📹 Video Carousel – YouTube video integration for visual guidance
- ❤️ Favorites Page – Save recipes per logged-in user
- 👤 Login/Register – Simple auth using localStorage
- 🧠 AI Quiz (Simulated) – Fun quiz for personalized recipe suggestions
- 📱 Fully Responsive – Optimized for desktop, tablet, and mobile
- 🎨 Modern UI – Custom design with food emojis, falling effects, and animated text
- 📬 Contact Form – Simple contact form with success message
TastyBite/ ├── assets/ │ └── img/ │ ├── logo.png │ └── TastyBite.svg ├── css/ │ ├── about.css │ ├── contact.css │ ├── favorites.css │ ├── login.css │ ├── recipes.css │ ├── register.css │ ├── style.css │ └── style-2.css ├── js/ │ ├── favorites.js │ ├── login.js │ ├── recipes.js │ ├── register.js │ ├── script.js │ └── tips.js ├── About.html ├── contact.html ├── favorites.html ├── index.html ├── login.html ├── recipes.html ├── register.html └── tips.html
📎 GitHub Pages Link:
https://albinademaj.github.io/TastyBite
Albina Demaj
🎓 BSc in Computer Science (Software Design)
💡 Passionate about building beautiful and functional web apps
📌 Tech Stack: HTML, CSS, JavaScript, jQuery, Bootstrap, Tailwind, React, PHP, Laravel, MySQL