A web application to add, search, and manage recipes. Users can add new recipes, mark favorites, and fetch recipes from the Spoonacular API.
- Add and manage custom recipes
- Search recipes by name and category
- Fetch recipes from Spoonacular API
- Save favorite recipes
- Uses localStorage for data persistence
- Frontend: React.js
- API: Spoonacular API
- State Management: React Hooks (useState, useEffect)
- Storage: LocalStorage
git clone https://github.com/your-username/Recipe-Book-Manager.git
cd Recipe-Book-Managernpm install- Go to Spoonacular
- Sign up and get an API key
npm startThe app will be live at http://localhost:3000.
📂 src
┣ 📂 components
┃ ┣ 📜 RecipeCard.js # Displays individual recipes
┃ ┣ 📜 RecipeForm.js # Form to add new recipes
┃ ┣ 📜 RecipeManager.js # Main component handling logic
┃ ┣ 📜 SearchBar.js # Search & category filter
┣ 📜 App.js # Entry point
┣ 📜 index.js # Renders App component
┗ 📜 styles.css # Basic styling