Recipe App

Welcome to the Recipe App! 🍲 This application allows users to search for meal recipes from TheMealDB API and view detailed information about various dishes.

Features

• Search for Recipes: Enter a meal name in the search box to find recipes it also allows users to search by the first letter of a meal.
• View Recipe Details: See images and names of meals matching your search.
• Error Handling: Displays a friendly message and an image when no results are found or if there’s an error fetching the data.

Technologies Used

• HTML: For the structure of the web pages.
• CSS: For styling the app and making it visually appealing.
• JavaScript: For handling user interactions and fetching data from TheMealDB API.
• Fetch API: For making HTTP requests to TheMealDB API.

API Used

This app uses the TheMealDB API to fetch meal recipes.

API Endpoint: https://www.themealdb.com/api/json/v1/1/search.php?s=${query}

Getting Started

Prerequisites

• A modern web browser (e.g., Chrome, Firefox, Safari)
• An internet connection to access TheMealDB API