PlatePilot Meal Search
JavaScript • TheMealDB API • Search Filters • Responsive UI
About
Built a static recipe search app powered by TheMealDB API that lets users search meals by name, ingredient, category, or cuisine area. The interface supports random meal discovery, dynamic result rendering, and detailed recipe views with ingredients, instructions, tags, and video links, making it easy to explore meals without needing a backend.
What it includes
- Search by meal name with dynamic result cards
- Ingredient, category, and area filtering using live API calls
- Random meal generation for quick recipe discovery
- Detailed meal view with ingredients, instructions, tags, and YouTube link
- Client-side caching for meal details to reduce repeated requests
Tech Stack
JavaScript
HTML
CSS
REST API
TheMealDB
Responsive Design
Client-Side Caching