Cook Your Meal is a recipe search web application built with React and Tailwind CSS. It leverages the Spoonacular API to provide users with recipes, detailed instructions, ingredients, and health benefits, offering an intuitive and user-friendly experience.
- Search Recipes: Quickly search for recipes by keywords.
- Filter Options: Filter recipes by meal types (Dessert, Breakfast, Lunch, Dinner) or dietary preferences (Vegetarian, Non-Vegetarian).
- Detailed View: View ingredients, step-by-step instructions, and health benefits for each recipe.
- Responsive Design: A clean, aesthetic UI optimized for all devices.
- Frontend: React, Tailwind CSS
- API: Spoonacular API
- Routing: React Router DOM
- State Management: React Hooks
- Clone the repository:
git clone https://github.com/your-username/cook-your-meal.git
- Navigate to the project directory:
cd cook-your-meal
- Install dependencies:
npm install
- Add your Spoonacular API key in the project files where applicable.
https://github.com/user-attachments/assets/9a1d9713-8647-4930-844f-6795607ca722
- Add user authentication for personalized features.
- Enable recipe saving and sharing.
- Expand dietary filter options (e.g., gluten-free, keto).
Contributions, issues, and feature requests are welcome! Feel free to open an issue or fork the repo to submit pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.
Check out the live version of Cook Your Meal: Cook Your Meal)
For questions or feedback, reach out to:
Sahil Patra
Email: sahilp123456@gmail.com
GitHub: iamonjarvis