TastyBytes is a beautifully designed, fully functional recipe website showcasing a diverse collection of global recipes across categories like Vegetarian, Vegan, Non-Vegetarian, and Desserts. It is built using only HTML, CSS, and JavaScript, with no backend or server-side frameworks – making it lightweight, fast, and deployable on any static hosting platform.
- 🌍 80+ curated real-world recipes across global cuisines.
- 🍲 Categorized into Vegetarian, Vegan, Non-Veg, and Desserts.
- 🌗 Dark Mode support for better accessibility.
- 🔍 Dynamic Search and Category Filters.
- 📱 Fully responsive design for mobile, tablet, and desktop users.
- ⚡ Animated interactions for a smooth and modern UX.
- 📖 Dedicated recipe detail pages with ingredients and steps.
- 📨 Newsletter/contact section (placeholder ready for integration).
- HTML5 – Structure and layout.
- CSS3 – Styling with responsive design and dark mode support.
- JavaScript (ES6) – Dynamic loading of recipes and user interactions.
- Local JSON (recipes.js) – Stores all recipe data in an object array.
CozyKitchen/
│
├── images
├── index.html
├── category.html
├── recipe.html
├── style.css
├── script.js
└── recipes.js
1.Clone the repository:
git clone https://github.com/Siva-techie-003/CozyKitchen.git
cd CozyKitchen
2.Open index.html in your browser (no server needed!):
open index.html # MacOS
start index.html # Windows
No dependencies or installations required. Just open in your browser!
You can easily deploy this website to:
- GitHub Pages
- Netlify
- Vercel
- Any static hosting platform
- Add user ratings and comments.
- Enable saving favorite recipes using LocalStorage.
- Backend integration for submitting new recipes and contact form.
- Advanced filters (by cuisine, ingredients, cooking time).
Pull requests are welcome! If you’d like to add new recipes, improve UI, or suggest features, feel free to fork the repo and contribute.
This project is licensed under the MIT License.