Meal Recipes — Recipe Discovery Web App
A web based application that allows users to discover cooking recipes, explore food categories, view detailed instructions, and save their favorite meals.
Context & Purpose
Meal Recipes was developed to provide a simple and convenient way to discover cooking recipes. The application brings together recipe search, category browsing, and detailed cooking information in one interactive interface.
Features & Solution Design
Built with Vanilla JavaScript and Web Components, the application integrates TheMealDB API to provide recipe search, category filtering, and random recipe recommendations through the Surprise Me feature. Users can explore recipe details, including ingredients, measurements, and step by step instructions, with links to available YouTube cooking tutorials. Favorite recipes can also be saved locally and accessed through a dedicated collection.
Personal Contribution
I developed the application's interface and core functionality, including recipe discovery, API integration, interactive recipe details, and favorites management using browser localStorage. The development also involved handling loading states, empty results, API errors, and user feedback to create a smoother browsing experience.