🍽️ Recipe Finder App

A responsive React-based app to help users discover recipes via TheMealDB and Spoonacular. Search meals, filter by region, and view detailed instructions — all with a clean UI and local favorite saving.

---

🔍 Features

• 🔎 Search Recipes by name
• 📍 Filter by Cuisine (e.g., Italian, Mexican)
• 📋 View Ingredients & Instructions
• 💖 Save Favorites to localStorage
• 🎥 YouTube integration (TheMealDB)
• 🍽️ Supports both TheMealDB and Spoonacular
• 💡 Modern UI with loading skeletons

---

🧰 Tech Stack

Tech	Description
⚛️ React	Component-based UI
⚡ Vite	Fast dev server & bundler
📦 React Router	Routing for pages
🎨 CSS	Custom styling & animations
🌐 TheMealDB & Spoonacular	Recipe data sources

---

🚀 Getting Started

1. Clone and Install

Run this on your terminal

git clone https://github.com/Kofi100/recipe-finder.git
npm install

2. Add Spoonacular API Key [Optional]

Create a .env file at the root and insert API key here.

VITE_SPOON_KEY=your_spoonacular_api_key_here

Get a key at https://spoonacular.com/food-api

3. Start Dev Server

Run this on your terminal

npm run dev

Visit http://localhost:5173

🙌 Credits

• TheMealDB (https://www.themealdb.com/)

• Spoonacular API (https://spoonacular.com/food-api)

• Jon Moore for background (https://unsplash.com/photos/brown-wooden-surface-5fIoyoKlz7A)

• Vite, React, and the OSS community