/recipe-store

This App retrieves recipe data from 'The Meal DB' website using their API and displays on the screen. A visitor can select recipes choosing a category and view the details of each recipe by clicking on the recipe card. Built using React/Redux.

Primary LanguageJavaScriptMIT LicenseMIT

Recipe Store

This App retrieves recipe data from 'The Meal DB' website using their API and stores it in the Redux store of the app. Then it presents the data on the home page and provides a filter to choose the receipes category wise. When you want to see how to prepare a particular recipe, you can click on the link of the recipe on the image card and you will be presented with a new page with full details of ingredients used and the method of preparation.

Technologies

  • HTML 5/CSS 3/Javascript ES6
  • Bootstrap 4
  • React JS
  • Redux
  • Redux Middleware
  • Webpack
  • Promises

Setup

To run the project:

Clone the repository: https://github.com/IBTechRaj/recipe-store Run 'npm install'. It will install all the dependencies required by the project Run 'npm start' to start the development server. It will automatically open the page in your default browser.

Live Demo

You can see live demo here

Screen Shots

recipe-store screen shot 1

recipe-store screen shot 2

recipe-store screen shot 3

Contribute

Feel free to contribute if you want to make it better.

Author

Licence

This project is MIT licencsed.