The Recipe Finder App is a web application designed to help users search for and explore various recipes. The application provides detailed information on recipes, including cuisine types and health labels, and allows users to watch recipe videos on YouTube. With a modern and responsive design, the app ensures an enjoyable user experience.
- Search Functionality: You can search for recipes.
- Recipe Details: Provides detailed information such as cuisine type and health labels such if the recipe is gluten free or not
- Watch Receipe: You can watch the recipes on Youtube
- Styled Components: The application uses Daisy UI for modern and responsive design.
- Clone the repository:
git clone https://github.com/atharvdange618/Recipe-finder-app.git
- Navigate to the project directory:
cd Recipe-finder-app - Install the dependencies:
npm install
- Create a
.envfile in the root directory and add your EDAMAM API key:APP_ID = your_api_key_here APP_KEY= your_api_key_here - Start the development server:
npm run dev
- Open the application in your browser.
- Use the search bar to find recipes.
- Click on a recipe to view its youtube video
- You can also add the recipe to your favorites section
- React: A JavaScript library for building user interfaces.
- TailwindCSS: It is a utility-first CSS framework for rapidly building modern websites.
- Daisy-UI: React component library for faster and easier web development.
- Edamam API: Food database and nutrition data provider which provides APIs to creating wellness and health applications.
Your contributions and suggestions are welcome! Here's how you can contribute to this repository:
- Fork the repository
- Create a new branch
- Make your changes
- Submit a pull request
If you have any questions or suggestions, please feel free to contact me:
- Email: [email protected]
- LinkedIn: Atharv Dange
- Twitter: @atharvdangedev