Return to site

Alizay Wajid - (Web Development 1 Course - Spring 2026)

Recipe Finder Web App

June 17, 2026

Recipe Finder is a responsive web app where users can search for any meal by name and instantly view its image, ingredients, and cooking steps. It uses live data from TheMealDB, a free public API. Built with HTML, CSS, and JavaScript, the app displays results as recipe cards.

Clicking a card opens a full details popup with a YouTube button if a video is available. Users can also save favourites using the heart icon. Future plans include dark mode, local storage, cooking timers, and community ratings.