[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.

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