This project is a simple web app built to help me learn and practice how to work with APIs. It uses TheMealDB β a free, open-source meal database API β to fetch and display meals based on different filters such as category, ingredient, or area.
The main goal of this project was to train myself in API integration, JSON parsing, and dynamic frontend rendering using JavaScript. It was a hands-on way to understand how to:
- Make HTTP requests
- Work with JSON data
- Use an external API effectively in a web project
- Display data dynamically in the UI
- HTML, CSS, JavaScript
- Fetch API for HTTP requests
- TheMealDB API for meal data
- Search for meals by name
- Filter meals by category or area
- View full recipe details including ingredients and instructions
- Fetch a random meal suggestion
- Clone the repo:
git clone https://github.com/melau-eddy/recipe-generator-api cd mealdb-api-training