Recipe Finder banner

Recipe Finder

4 devlogs
6h 20m 32s

A responsive web app that lets users search for delicious recipes from around the world by fetching real-time data from the TheMealDB API based on name and category.
It shows detailed recipe information including cooking instructions, list of in…

A responsive web app that lets users search for delicious recipes from around the world by fetching real-time data from the TheMealDB API based on name and category.
It shows detailed recipe information including cooking instructions, list of ingredients and youtube video links (where available).
(P.S. it might take a few seconds to load sometimes if there is a lot of data to be fetched or if there is any problem with the API (like it doesn’t return properly, isn’t working, etc.))

Demo Repository

Loading README...

Harshit Gupta

Added a icon to the website. Also I now show the number of results fetched per search.
I am also now keeping the original formatting of the instructions text and showing it as proper steps now instead of just pasting one big block.
Uploaded everything to Github, added a readme and hosted the website on Github Pages. Ready to ship now.

0
Harshit Gupta

Earlier I was fetching meals based only on name match which fetched relatively lesser meals per search. Now in addition to name search, I am also fetching meals based on category which results in more valid search terms and also more results per search.
I am now also showing more tags per recipe (where available), along with their categories.
(P.S. it might take a few seconds for the page to load if there are a lot of meals returned)

0
Harshit Gupta

Added details for all the recipes which can be viewed by clicking on the cards. It includes a list of the ingredients required along with their measurements, the instructions to cook and also a youtube video link where available. It also shows error messages if no recipe is found or if the search box is empty.

0
Harshit Gupta

Making a recipe finder using TheMealDB API to fetch all the data. You can search for meals using a search term which currently shows the names and images of the meals as cards.
Will add more details for each of the recipes shown (like a list of all ingredients, instructions to cook, etc.)

0