Skip to content

Vishwas-Chakilam/Cookify-Simple-Recipe-Finder

Repository files navigation

Cookify - The Simple Recipe Finder 🌟

Cookify is a user-friendly recipe finder application that allows you to explore a variety of recipes based on your preferences, dietary restrictions, and available ingredients. Built using modern frontend technologies, Cookify leverages the Spoonacular API to provide you with delicious recipes at your fingertips.


🚀 Features

  • Search Recipes: Quickly search for recipes using keywords or ingredients.
  • Recipe Details: View detailed information about recipes, including ingredients, preparation steps, and nutrition facts.
  • Filter Options: Filter recipes based on dietary preferences (vegetarian, vegan, gluten-free, etc.).
  • Responsive Design: Optimized for mobile and desktop devices using TailwindCSS.
  • Modern UI: Sleek, clean, and intuitive interface powered by React and Vite.

🛠️ Tech Stack

  • Frontend Framework: React + Vite
  • Styling: TailwindCSS
  • API: Spoonacular API for fetching recipe data

🔧 Installation

  1. Clone the repository:

    git clone https://github.com/vishwas-chakilam/cookify.git
    cd cookify
  2. Install dependencies:

    npm install
  3. Create a .env file in the root directory and add your Spoonacular API key:

    VITE_API_KEY=your_spoonacular_api_key
  4. Start the development server:

    npm run dev
  5. Open the application in your browser:

    http://localhost:5173
    

🌟 How to Use

  1. Search for Recipes: Enter a keyword or ingredient in the search bar.
  2. Filter Your Results: Use the filter options to narrow down recipes based on your dietary preferences.
  3. View Recipe Details: Click on any recipe to view detailed instructions and nutritional information.
  4. Save Your Favorites: (Optional: Plan to add feature in future updates.)

🌐 Live Demo

Check out the live working model of Cookify here: Cookify - Live Demo


🖼️ Screenshots

  1. Home Page:

    Home Page

  2. Search Results:

    Search Results


🌐 API Usage

Cookify uses the Spoonacular API for fetching recipe data. The following endpoints are utilized:

  • Search Recipes: /recipes/complexSearch
  • Recipe Information: /recipes/{id}/information

Refer to the Spoonacular API documentation for more details.


🗒️ Future Enhancements

  • User authentication and favorite recipe saving.
  • Meal planner feature with shopping list generation.
  • Offline support for viewing saved recipes.

🏆 Contributing

We welcome contributions to enhance Cookify! Feel free to:

  1. Fork the repository.
  2. Create a feature branch:
    git checkout -b feature-name
  3. Commit your changes and push to the branch:
    git commit -m "Add feature-name"
    git push origin feature-name
  4. Open a pull request.

📞 Contact

Have any questions or suggestions? Feel free to reach out!


Dive into the world of culinary exploration with Cookify! Happy cooking! 🍳✨

Releases

No releases published

Packages

No packages published