The Recipe Application is a web-based platform that allows users to explore and manage their favorite recipes. Users can view recipe details, add recipes to their favorites, and delete recipes from their favorites.
- Users can create accounts or log in with existing credentials.
- Authentication is implemented using JWT (JSON Web Tokens) for secure access.
- Users can search for recipes based on keywords, ingredients, or categories.
- Recipe search utilizes the Spoonacular API to fetch recipe data.
- Users can view detailed information about a selected recipe, including ingredients, cooking instructions, and cooking time.
- Users can add recipes to their list of favorite recipes.
- Favorite recipes are stored in the user's profile.
- Users have a profile page where they can view their favorite recipes.
- They can also delete recipes from their favorites(To be implemented later).
- Frontend: React.js + Chakra-Ui
- Backend: Node.js (Express.js)
- Database: MongoDB
- Authentication: JWT (JSON Web Tokens)
- API Integration: Spoonacular API for recipe data
-
Clone the repository:
-
Install frontend dependencies:
cd client npm install
-
Install backend dependencies:
cd server npm install
-
Create a .env file in the server directory with the following variables:
PORT=8080 mongoURL=<your-mongodb-url> JWT_SECRET_KEY=<your-secret-key> API_KEY=<your-spoonacular-api-key> ';
-
Start the frontend and backend servers:
-
Frontend:
cd client npm start
-
Backend:
cd server npm start
- Access the application in your web browser at http://localhost:8080.
- Users can sign up for an account or log in with existing credentials.
- Search for recipes, view recipe details, and add recipes to their favorites.
- Visit the profile page to manage their favorite recipes.
- Log out when done.