👨‍🍳 Recipedia: Kitchen Expert

A high-performance, professional-grade culinary archive for the modern connoisseur.

Recipedia is a sophisticated React-based web application that transforms recipe discovery into a professional experience. It utilizes the "Kitchen Expert" persona—clean, fast, and data-driven—powered by TheMealDB API.

---

✨ Key Features

• Expert Search Engine: Locate recipe masterpieces by name, nomenclature, or core ingredient.
• A-Z Indexing: Browse the entire culinary database through a streamlined alphabetical index.
• Global Cuisine Filter: Explore dishes via an interactive country-based interface featuring FlagCDN integration.
• Persistent Favorites: A "Chef's Shortlist" system that saves your preferred recipes to localStorage.
• Fluid Responsiveness: Custom-tailored layouts for every device, from iPhone SE to ultra-wide monitors.
• Professional UI: High-end aesthetic featuring Lucide-React iconography and a bespoke "Professional Kitchen" theme.

---

🚀 Technical Stack

• Core: React 18 (Functional Components & Hooks)
• Styling: Tailwind CSS (Custom Breakpoints & Dark Mode)
• Icons: Lucide-React
• API: TheMealDB
• Data Fetching: Custom useFetch hook with granular loading states
• Storage: Persistent State Management via Browser localStorage

---

🛠️ Installation & Local Setup

1. Clone the repository

   git clone [https://github.com/yourusername/recipedia-expert.git](https://github.com/yourusername/recipedia-expert.git)

2. Navigate to the project directory

   cd recipedia-expert

3. Install dependencies

   npm install

4. Launch the development server

   npm run dev

---