A cooking web app which fetches data from an external API. You can find your favourite dish and find out how to cook it! It also provides information on the required ingredients for each dish and updates them based on how many servings you want.
You can also save all your preferred dishes and create your very own custom shopping list of the ingredients you need.
- User can search over 1,000,000 recipes.
- Powered by a Web API.
- Displays the ingredients required to prepare a dish.
- Allows user to choose serving size and accordingly adjusts ingredients.
- Displays recipe images.
- Directs user to source site for detailed recipe procedure.
- Ingredients can be added/removed to/from the shopping list.
To view the app, click https://recipe-explorer.netlify.app/ or copy the link to your browser and load it.
Due to the limitations of the API, the search query only accepts the following terms: https://codinggilm.github.io/recipe_explorer_doc/.
This app was built using a modern development environment, including ES6 JavaScript and NPM, and it was designed based on an MCV architecture.
- HTML
- CSS
- JAVASCRIPT
- AJAX
- WEBPACK
- NPM
- BABEL