MealApp
A working recipe search app built on TheMealDB API, with free-text search, a random-meal button, and full cooking instructions in a detail view.
Tech Stack
The Challenge
A practice build with one goal: consume a public REST API properly instead of rendering a static mockup. That means a real search round-trip, an unpredictable response shape, and a detail view populated entirely from remote data.
The Solution
React front end querying TheMealDB directly. Search results render as a card grid; selecting a card opens a detail view with the full method and a link back to the original source.
One of the few builds from this period that works end to end instead of dressing up hardcoded data as live content. The search and detail flows both hit the real API.
No authentication, favourites or persistence. I kept the scope to the API integration itself.
Key Features
- ▸Free-text meal search against TheMealDB
- ▸Random meal button for browsing without a query
- ▸Detail view with full cooking instructions and source link
- ▸Remote images and content rendered from the API response
Want something like this?
Let's build your next product together.
Let's Talk