Skip to content

Cook Your Meal is a React-based app with Tailwind CSS, offering recipe search, meal type filters, and dietary options. It uses the Spoonacular API to display detailed recipes, including ingredients, instructions, and health insights, with a user-friendly and aesthetic design for an enhanced cooking experience.

License

Notifications You must be signed in to change notification settings

iamonjarvis/CookurFood

Repository files navigation

Cook Your Meal

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.


πŸš€ Features

  • 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.

πŸ”§ Tech Stack

  • Frontend: React, Tailwind CSS
  • API: Spoonacular API
  • Routing: React Router DOM
  • State Management: React Hooks

πŸ“š Installation and Usage

  1. Clone the repository:
    git clone https://github.com/your-username/cook-your-meal.git
  2. Navigate to the project directory:
    cd cook-your-meal
  3. Install dependencies:
    npm install
  4. Add your Spoonacular API key in the project files where applicable.

πŸ“· Screenshots

https://github.com/user-attachments/assets/9a1d9713-8647-4930-844f-6795607ca722

Homepage

App Screenshot

Detailed Recipe Page

App Screenshot

Search Results

App Screenshot


🌟 Future Enhancements

  • Add user authentication for personalized features.
  • Enable recipe saving and sharing.
  • Expand dietary filter options (e.g., gluten-free, keto).

🀝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to open an issue or fork the repo to submit pull requests.


πŸ“œ License

This project is licensed under the MIT License. See the LICENSE file for details.


🌐 Live Demo

Check out the live version of Cook Your Meal: Cook Your Meal)


πŸ“§ Contact

For questions or feedback, reach out to:
Sahil Patra
Email: sahilp123456@gmail.com
GitHub: iamonjarvis

About

Cook Your Meal is a React-based app with Tailwind CSS, offering recipe search, meal type filters, and dietary options. It uses the Spoonacular API to display detailed recipes, including ingredients, instructions, and health insights, with a user-friendly and aesthetic design for an enhanced cooking experience.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published