Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codewithalamin/forkify-recipe-app
Built with JavaScript and API. Made it responsive and added some new features to make it even more user-friendly.
https://github.com/codewithalamin/forkify-recipe-app
asynchronous-programming codepapa360 codewithalamin cooking cooking-apps es6-modules food-and-drink forkify forkify-api forking-projects front-end front-end-development healthy-eating javascript meal-planning object-oriented-programming recipe-search responsive-design web-app web-development
Last synced: 9 days ago
JSON representation
Built with JavaScript and API. Made it responsive and added some new features to make it even more user-friendly.
- Host: GitHub
- URL: https://github.com/codewithalamin/forkify-recipe-app
- Owner: CodeWithAlamin
- License: mit
- Created: 2023-03-14T11:10:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T08:16:52.000Z (21 days ago)
- Last Synced: 2024-10-30T10:38:25.641Z (21 days ago)
- Topics: asynchronous-programming, codepapa360, codewithalamin, cooking, cooking-apps, es6-modules, food-and-drink, forkify, forkify-api, forking-projects, front-end, front-end-development, healthy-eating, javascript, meal-planning, object-oriented-programming, recipe-search, responsive-design, web-app, web-development
- Language: JavaScript
- Homepage: https://forkify-alamin.netlify.app
- Size: 3.07 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Forkify App
Check out the live Forkify App here.
Forkify is a recipe search and saving app, built with HTML5, CSS3, and JavaScript. It features an intuitive user interface and dynamic serving size adjustment. The app uses advanced JavaScript concepts like asynchronous programming, ES6 modules, and object-oriented programming. Forkify was created by Jonas Smechmann in his Udemy course and this app was built as part of a personal project to learn JavaScript.
## Features
- Search for recipes: Find recipes using keywords or ingredients.
- View recipe details: See ingredients, cooking instructions, and serving size.
- Bookmark recipes: Save your favorite recipes for later.
- Add recipes: Create and share your own recipes.
- Pagination: Easily navigate search results.
- Responsive Design
## Built with
- JavaScript
- CSS3
- HTML5
- Parcel
- NPM
## Flowchart
## Recipe Loading Architecture
## Installation
- Clone this repo:
```sh
git clone https://github.com/CodeWithAlamin/Forkify-Recipe-App.git
```
- Install dependencies:
```sh
npm install
```
- Run the app:
```sh
npm start
```
## Author
👤 Alamin
- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)
- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)
- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)
- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)
Feel free to contact me with any questions or feedback!
## Credits
This app was created as part of [Jonas Smechmann](https://twitter.com/jonasschmedtman)'s Udemy course [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/).
Special thanks to Jonas for his excellent teaching and guidance throughout the course.
## Show your support
Give a ⭐️ if you liked this project!
## License
This project is [MIT](https://github.com/CodeWithAlamin/Forkify-Recipe-App/blob/master/LICENSE) licensed.