The Recipe App is a web application that allows users to search for recipes, view recipe details, and manage favorite recipes. It integrates with the Spoonacular API to fetch recipe data.
- Search Recipes: Search for recipes by entering a search term.
- View Recipe Details: Click on a recipe card to view its summary in a modal.
- Manage Favorites: Add or remove recipes from favorites list.
- Pagination: Load more recipes as you scroll down.
- Frontend: React.js, Material-UI
- Backend: Node.js, Express.js
- Database: PostgreSQL
- External API: Spoonacular API for recipe data
-
Clone the repository:
git clone https://github.com/your-username/recipe-app.git cd recipe-app -
Clone the repository:
cd frontend npm install cd ../backend npm install
-
Set up environment variables:
Create a .env file in the backend directory with the following:
API_KEY=your_spoonacular_api_key
-
Start the backend server:
cd backend npm start -
Start the frontend development server:
cd frontend npm start -
Open your browser and navigate to http://localhost:5173 to view the application.
- GET
/api/recipes/searches: Search recipes bysearchTermandpage. - GET
/api/recipes/:recipeId/summary: Get summary of a recipe byrecipeId. - POST
/api/recipes/favourite: Add a recipe to favorites. - GET
/api/recipes/favourite: Get all favorite recipes. - DELETE
/api/recipes/favourite: Remove a recipe from favorites.
Contributions are welcome! Please fork the repository and create a pull request with your improvements.