Skip to content

A simple web app built using TheMealDB API to explore meals and recipes. This project was created as part of my learning journey to practice working with APIs, handling JSON data, and building dynamic user interfaces with JavaScript.

Notifications You must be signed in to change notification settings

melau-eddy/recipe-generator-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🍽️ Meal Explorer – API Learning Project

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.


🎯 Purpose

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

🧰 Technologies Used

  • HTML, CSS, JavaScript
  • Fetch API for HTTP requests
  • TheMealDB API for meal data

πŸ” Features

  • Search for meals by name
  • Filter meals by category or area
  • View full recipe details including ingredients and instructions
  • Fetch a random meal suggestion

πŸ“¦ Getting Started

  1. Clone the repo:
    git clone https://github.com/melau-eddy/recipe-generator-api
    cd mealdb-api-training

About

A simple web app built using TheMealDB API to explore meals and recipes. This project was created as part of my learning journey to practice working with APIs, handling JSON data, and building dynamic user interfaces with JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published