https://awni-rifai.github.io/RecipesForEveryone/
In this project we use the MVC Architecture as well as Webpack for bundling everything and Babel to convert new JS code into compatible version for older browsers.
Recipes for everyone is a vanilla JavaScript application that interacts with the food2fork API to fetch and display recipe food data. This app uses modern JavaScript tools, such as Webpack to bundle the modules, and Babel to convert ES6, ES7 and ES8 back to ES5. The user can search for a specific recipe, and add ingredients to a shopping list or save to a favourites list via local storage.
HTML - SCSS - JS -Parcel
- Search for your favourit food a list of recipes containing that ingredient.
- Easily bookmark or edit the servings of the selected recipe.
- Create your own recipes and store them as user recipes.
- Remove bookmarks or delete user recipes.
- LocalStorage keeps the data when users exit the app.
The project uses MVC design pattern for the javascript and for the styling SCSS files are divided for major components.
thank you for checking out this project if you have seen any bug or you have any notes please contact me have a nice day 😀