Meal Finder

Meal Finder is a web application that allows users to search for meal recipes by entering keywords or randomly selecting a recipe. The application uses TheMealDB API to fetch meal data and display it to the user.

Features

• Search for meals by keywords.
• Fetch a random meal recipe.
• Display meal details including ingredients and instructions.

Technologies Used

• HTML
• CSS
• JavaScript
• TheMealDB API

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/areebaqamar021/meal-finder.git

2. Navigate to the project directory:

   cd meal-finder

3. Open index.html in your web browser.

Usage

1. Open index.html in your browser.
2. Enter a keyword in the search input and click the search button to find meals.
3. Click the random button to fetch a random meal.
4. Click on a meal to view its details, including ingredients and cooking instructions.

Project Structure

meal-finder/
├── index.html
├── style.css
├── index.js
└── README.md