![[Project] Create a food catalog using HTML, CSS, React using Themealdb API](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohYRVTZS8k3yeO2hP0HyDLurOu5LTklx3KvL_oTvdN8t2jsCMq92LZ5z27C-7Wz1l3160JqCbIX5HARc8AH-jBHrVxfHbH3gPVR8bDqNfwfq7MPY3ORXXLpyNiX3SoiWD9vshUyCsIE0/w900-h311-p-k-no-nu/cccc.webp)
[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
You may like these posts
![[Project] Create a food catalog using HTML, CSS, React using Themealdb API](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohYRVTZS8k3yeO2hP0HyDLurOu5LTklx3KvL_oTvdN8t2jsCMq92LZ5z27C-7Wz1l3160JqCbIX5HARc8AH-jBHrVxfHbH3gPVR8bDqNfwfq7MPY3ORXXLpyNiX3SoiWD9vshUyCsIE0/s72-w640-h292-c/cccc.webp)
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
![[Project] Create a food catalog using HTML, CSS, React using Themealdb API](http://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohYRVTZS8k3yeO2hP0HyDLurOu5LTklx3KvL_oTvdN8t2jsCMq92LZ5z27C-7Wz1l3160JqCbIX5HARc8AH-jBHrVxfHbH3gPVR8bDqNfwfq7MPY3ORXXLpyNiX3SoiWD9vshUyCsIE0/s275-w640-h292-c/cccc.webp)
Post a Comment
Leave a comment first....