JavaScript recipe search and storage app using tools such as Parcel and Babel with MVC architrcture. This app was written in ES6.
Forkify application main features:
- Search functionality: API search request
- Results with pagination
- Display recipe
- Change servings functionality
- Bookmarking functionality
- Store bookmark data in the browser
- On page load, read saved bookmarks
- Own recipe upload
- Own recipes automatically bookmarked
- User can only see own recipes, not from others
- User can see number of pages between the pagination buttons
- Add recipe form validation before submitting
- Shopping list feature: button on recipe to add ingredients to a list
Please change your IP, if you are in Iran.
- Live on: Netlify
- ES6
- Node.js
- Local Storage
- Babel
- Parcel
- Core.js
- Regenerator
- Sass - CSS framework
- Fraction JS Library
- Forkify API v2 Recipe API
Some features and improvments that will be added to the Forkify app in the future:
- Display number of pages between the pagination buttons (Added)
- Ability to sort search results by duration or number of ingredients (Added)
- Perform ingredient validation in view, before submitting the form (Added)
- Shopping list feature: button on recipe to add ingredients to a list (Added)
- Get nutrition data on each ingredient from spoonacularapi (https://spoonacular.com/food-api) and calculate total calories of recipe (Developing)
This project presented me with ample learning and knowledge of NPM packages, Node.js, and REST/API's! As well as:
- MVC (Model View Controller) architecture, files broken down to enable controller to communicate with view & model. Listening for data, and calling it so it can flow between pieces of the app (Publisher subscriber)
- Linkedin - @parham-tavakolian