Use Cookie to look for recipes given one main ingredient.
My motivation: I made this for my friend who loves to cook but doesn't always know what to cook! Now he can use this site to view recipes involving the hero ingredient he has in mind.
Link to project:https://imarijoyborda.com/cookie/.
Enter a keyword (usually a main ingredient) in the textbox then press Submit
. A carousel of available recipes will be shown. The carousel will automatically move every three seconds, but the results can also be navigate manually by pressing on the left (to see the previous recipe) or on the right (to see the next recipe).
For each recipe, a picture of the dish is shown as well as the list of ingredients and the step-by-step instruction on how to make it.
This uses MealDB API. Tech used: HTML, CSS, Bootstrap, and JavaScript. Chef icons created by Freepik - Flaticon
There are still lots that need to be improved in this web application. Some plans are:
- Improve responsivenes
- Improve implementation of carousel
- Improve UI
- Show more info on each dish/recipe
Contributions are also very welcome! Just issue a pull request.
Check out my other projects: