https://github.com/khaledgadelhaq/forkify

Forkify- Search over 1 Million recipes online.
https://github.com/khaledgadelhaq/forkify

api css html javascript recipe-website

Last synced: about 4 hours ago
JSON representation

Forkify- Search over 1 Million recipes online.

• Host: GitHub
• URL: https://github.com/khaledgadelhaq/forkify
• Owner: khaledGadelhaQ
• Created: 2024-09-12T12:11:17.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-15T06:39:22.000Z (2 months ago)
• Last Synced: 2024-09-16T02:05:16.176Z (2 months ago)
• Topics: api, css, html, javascript, recipe-website
• Language: JavaScript
• Homepage: https://live-forkify.netlify.app/
• Size: 7.93 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  

  


  Forkify

  




Search over 1 Million recipes online from the best chefs in the world.




   • Key Features 


   • Build With 


   • Demonstration 


   • Live 


   • Installation 
 

   • Contributing 
 

   • Acknowledgement



---

## Key Features 📝

- Search

  - Enables users to search for a lot of food recipes.

- Bookmark

  - Users can bookmark their favorite recipes for quick access.

- Servings

  - Easily customize recipe ingredients by adjusting the number of servings.

- Add Recipe

  - Users can add their recipes.

  - The recipes created by users will be bookmarked as default

---

## Build With 🏗️

- HTML

- SCSS

- JavaScript (MVC Aricheture)

---

## Demonstration 🖥️

#### search

![Search](https://github.com/khaledGadelhaQ/Forkify/blob/main/src/img/recipeSearch.gif)

#### Bookmark a recipe

![Bookmark Recipe](https://github.com/khaledGadelhaQ/Forkify/blob/main/src/img/recipeBookmark.gif)

#### Add recipe

![Add Recipe](https://github.com/khaledGadelhaQ/Forkify/blob/main/src/img/recipeUpload.gif)

---

## Deployed Version 🚀

  Live demo (Feel free to visit) 👉🏻 : https://live-forkify.netlify.app/

  

---

## Installation 🛠️

You can fork the app or you can git-clone the app into your local machine. Once done, please install all the

dependencies by running

```

$ npm i

and to start the project run 

$ npm run start

```

---

## Contributing 💡

Pull requests are welcome but please open an issue and discuss what you will do before 😊

---

## License 📄

This project is open-sourced under the [MIT license](https://opensource.org/licenses/MIT).

---

## Acknowledgement 🙏🏻

- This project is part of my online course at Udemy. Thanks to Jonas Schmedtmann for creating this awesome course! Link to the course: [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/?couponCode=OF83024E)