Forkify Recipe App

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:

git clone https://github.com/CodeWithAlamin/Forkify-Recipe-App.git

• Install dependencies:

npm install

• Run the app:

npm start

Author

? Alamin

• LinkedIn - @CodeWithAlamin
• Twitter - @CodeWithAlamin
• Frontend Mentor - @CodeWithAlamin
• Github: @CodeWithAlamin

Feel free to contact me with any questions or feedback!

Credits

This app was created as part of Jonas Smechmann's Udemy course The Complete JavaScript Course 2023: From Zero to Expert!.

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 licensed.