🍽️ React Context Recipe App

A modern Recipe Management Web App built using React + Context API, featuring recipe browsing, searching, filtering by categories, favorites, and detailed recipe views.

🔗 Live Data powered by DummyJSON API
🎨 Clean UI with smooth UX
⚡ Optimized state management using Context API

---

🚀 Features

• 🔍 Search Recipes with suggestions
• 🗂️ Filter by Categories (Breakfast, Lunch, Dinner, etc.)
• 📄 Recipe Details Page with metadata
• ❤️ Add to Favorites
• ➕ Create / Update Recipes
• 🔄 Global State Management using Context API
• ⬆️ Scroll to Top on Route Change
• 📱 Fully Responsive UI

---

🛠️ Tech Stack

• Frontend: React.js (Vite)
• State Management: Context API
• Routing: React Router DOM
• Styling: Tailwind CSS
• API: DummyJSON
• Version Control: Git & GitHub

---

📂 Project Structure

src/ ├── components/ │ ├── CategoryCards.jsx │ ├── HeroSlider.jsx │ ├── RecipeCard.jsx │ ├── RecipeDetails.jsx │ ├── ScrollToTop.jsx │ ├── SearchBar.jsx │ └── UpdateForm.jsx │ ├── context/ │ └── RecipeContext.jsx │ ├── pages/ │ ├── Home.jsx │ ├── Recipe.jsx │ ├── CreateRecipe.jsx │ ├── Fav.jsx │ └── Nav.jsx │ ├── routes/ │ └── AppRoutes.jsx │ └── App.jsx

👨‍💻 Author

Aayush Panchal Frontend Developer | React Enthusiast

GitHub: @Ayush946-max