A modern React-based Recipe Finder that lets you search, filter, and save your favorite recipes.
Built with React, CSS, LocalStorage, and the TheMealDB API, this app also includes a voice search feature for a smooth hands-free experience.
- Search Recipes: Type a food name or use voice input to find recipes.
- Category Filter: Filter recipes by Chicken, Beef, Seafood, Vegetarian, or view All.
- Area Filter: Filter recipes by cuisine/region (Indian, Italian, American, Japanese, etc.).
- Favorites: Save your favorite recipes in local storage for quick access.
- Smooth Scroll: Jump to favorites with a floating button.
- Voice Search: Say the recipe name to search hands-free.
- Recipe Details: View full recipe details including ingredients and instructions.
- Frontend: React, CSS
- APIs: TheMealDB API
- Storage: Browser LocalStorage (for favorites)
- Voice: Web Speech API (SpeechRecognition & SpeechSynthesis)
- Clone the repo:
git clone https://github.com/YOUR_USERNAME/recipe-app.git
cd recipe-app