[Project] Create a food catalog using HTML, CSS, React using Themealdb API

The objective of this project was to create a single page recipe catalogue using React, Redux and TheMealDB API.

Create a food catalog using HTML, CSS, React using Themealdb API


Features
A user can view all the meals in the CookBookscreenshot

A user can click on any category and get to see the meals listed under that category and in this case we are seeing the breakfast category.screenshot

A user can choose a category to view e.g beef only, Chicken onlyscreenshot

Under each category, a user gets to see a variety of dishes to make a choice from.

Each dish chosen has a list of all the ingredients that were used to prepare it, area where it originates from and the category it belongs to screenshot

  • TOOLS
  • HTML
  • CSS
  • JavaScript
  • React
  • Redux
  • Node js
  • TheMealDB API
  • Heroku
  • Code Editor

 

Demo Link https://the-recipebook.herokuapp.com/

Source Code :https://github.com/ampaire/Recipe-Catalogue

Read it too

Post a Comment