Skip to content

Built with JavaScript and API. Made it responsive and added some new features to make it even more user-friendly.

License

Notifications You must be signed in to change notification settings

CodeWithAlamin/Forkify-Recipe-App

Repository files navigation

Forkify App

Logo

Demo Documentation Maintenance License: MIT Twitter: CodeWithAlamin

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

Forkify App

Flowchart

Flowchart

Recipe Loading Architecture

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

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.