🍽️ Recipe Explorer - A Dynamic Recipe Search App

🚀 Overview

Recipe Explorer is a responsive web-based application that allows users to search for recipes by name. The app dynamically fetches and displays recipe details, including ingredients, category, country of origin, and step-by-step cooking instructions, using TheMealDB API.

🛠️ Technologies Used

• Frontend: HTML, CSS, JavaScript
• API Integration: TheMealDB API (for fetching recipe details)
• UI & Styling: Font Awesome, CSS Grid & Flexbox
• Development Features:
  • DOM Manipulation
  • Asynchronous JavaScript (Fetch API)
  • Event Handling

✨ Features

✅ Search Functionality:

• Users can search for recipes by entering a dish name.
• Fetches recipes dynamically from TheMealDB API.

✅ Interactive UI & User Experience:

• Displays recipe images, names, category, and country of origin.
• A "View Recipe" button opens a detailed popup with:
  • Full list of ingredients & measurements.
  • Step-by-step cooking instructions.

✅ Responsive & Modern Design:

• Mobile-friendly layout using CSS Grid & Flexbox.
• Hover effects & animations for better UI experience.

✅ Error Handling & Performance Enhancements:

• Displays a loading message while fetching recipes.
• Shows error messages if no results are found or there’s a network issue.

✅ Optimized User Experience:

• Clickable close button to dismiss the recipe details popup.
• Smooth scrolling & scrollbar customization for better readability.
• 
• 
•