https://github.com/nexoscreator/web-recipe-finder-starter

https://github.com/nexoscreator/web-recipe-finder-starter

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nexoscreator/web-recipe-finder-starter
• Owner: nexoscreator
• Created: 2024-07-24T16:39:08.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-25T17:32:24.000Z (7 months ago)
• Last Synced: 2025-02-05T00:29:04.391Z (6 days ago)
• Language: JavaScript
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![GitHub Pages](https://img.shields.io/github/deployments/nexoscreator/Web-Recipe-Finder-Starter/github-pages.svg?style=flat-square&color=cyan)

![GitHub Latest Release](https://img.shields.io/github/v/release/nexoscreator/Web-Recipe-Finder-Starter.svg?style=flat-square&color=cyan)

![GitHub License](https://img.shields.io/github/license/nexoscreator/Web-Recipe-Finder-Starter.svg?style=flat-square&color=cyan)

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/nexoscreator/Web-Recipe-Finder-Starter.svg?style=flat-square&color=cyan)

---

### Recipe Finder App

[![Blue Futuristic Technology Presentation_20240310_103546_0000](https://github.com/nexoscreator/Web-Recipe-Finder-Starter/assets/152608930/ad253880-d257-433f-b41f-0e73cef0ec0b)

](https://youtu.be/rMnDe0iEGRs?si=8w729cX0Lj9Ln0If)

Recipe Finder is a web application that allows users to search for recipes based on ingredients they have. It integrates with a recipe API to fetch recipe data and provides features like filtering recipes by dietary preferences, saving favorite recipes, and displaying cooking instructions.

---

### Features

- **Search by Ingredients:** Enter the ingredients you have, and Recipe Finder will fetch recipes that match those ingredients.

- **Dietary Preferences:** Filter recipes based on dietary preferences such as vegetarian, gluten-free, etc.

- **Save Favorites:** Save your favorite recipes to access them later.

- **Cooking Instructions:** View detailed cooking instructions for each recipe.

---

### Links

[![Web Demo](https://img.shields.io/badge/Web-Demo-blue?style=for-the-badge&logo=google-chrome)](https://noscreator.github.io/Recipe-Finder-App)

[![GitHub Repo](https://img.shields.io/badge/GitHub-Repo-green?style=for-the-badge&logo=github)](https://github.com/nexoscreator/Web-Recipe-Finder-Starter)

[![YouTube Video](https://img.shields.io/badge/YouTube-Video-red?style=for-the-badge&logo=youtube)](https://youtu.be/rMnDe0iEGRs?si=B2viVesOhHYusbBG)

---

### Installation

Provide step-by-step instructions on how to install and set up your project.

1. Clone the repository:

   ```bash

   git clone https://github.com/nexoscreator/Web-Recipe-Finder-Starter.git

   ```

2. Open `index.html` in your preferred web browser.

3. Mack sure Add Your Api key in `config.js`.

---

### Usage

> 1. Enter the ingredients you have in the search form.

2. Optionally, select dietary preferences to filter the search results.

3. Click the "Search" button to fetch recipes matching your ingredients and preferences.

4. Browse through the recipe cards to view details and cooking instructions.

5. Save your favorite recipes by clicking the "Save" button.

---

### Contributing

Contributions are welcome! If you'd like to contribute here, please follow these steps:

1. Fork the repository.

2. Create a new branch (`git checkout -b feature/improvement`).

3. Make your changes and commit them (`git commit -m 'Add feature/improvement'`).

4. Push to the branch (`git push origin feature/improvement`).

5. Open a Pull Request.

---

### License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.