LiveFrontend2024

Food Recipe Finder

Type a dish, get the recipe and the video that teaches it.

0
Dependencies

Find Food Recipe is a deliberately lightweight web app: type a dish name and get detailed recipes with ingredients and step-by-step instructions, plus a linked YouTube tutorial so you can watch the technique rather than parse it.

Built with pure HTML, CSS and JavaScript against TheMealDB API, it ships no framework and no build step - everything runs directly in the browser.

What it took

Search by dish name against TheMealDB API, returning full ingredients and step-by-step instructions.
Each result links to a YouTube tutorial so a recipe can be watched as well as read.
Built with plain HTML, CSS and JavaScript - no build step, no framework, instant load.

Next project

Cocktail Explorer

Search cocktails by name or by what is already in the cabinet.