Skip to content

A simple React app that fetches and displays seafood meals from TheMealDB API. It shows each meal's image, name, and unique ID in a card layout. Built with React and Axios, this app includes basic error handling and can be easily set up with npm install and npm start.

Notifications You must be signed in to change notification settings

ahmeddin12/Meals-API-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Seafood Meal Fetcher

A simple React app that fetches and displays seafood meals from TheMealDB API. Each meal is displayed in a card with its image, name, and unique ID.

Features

  • Fetches seafood meals from TheMealDB API.
  • Displays meal name, image, and unique ID.
  • Error handling for failed API requests.
  • Responsive design with custom styling.

Tech Stack

  • Frontend: React, Axios
  • API: TheMealDB API

Setup

  1. Clone the repository:
    git clone https://github.com/your-username/seafood-meal-fetcher.git
  2. Navigate to the project directory:
    cd seafood-meal-fetcher
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm start

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A simple React app that fetches and displays seafood meals from TheMealDB API. It shows each meal's image, name, and unique ID in a card layout. Built with React and Axios, this app includes basic error handling and can be easily set up with npm install and npm start.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published