https://github.com/sandeepgond/recipeapp

https://github.com/sandeepgond/recipeapp

Last synced: 6 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/sandeepgond/recipeapp
• Owner: Sandeepgond
• Created: 2023-10-17T05:05:10.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-17T05:13:47.000Z (about 1 year ago)
• Last Synced: 2023-10-17T12:06:59.086Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://recipee-appp.netlify.app/
• Size: 788 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Recipe App

### Overview

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.

## Features

### 1. User Authentication

- Users can create accounts or log in with existing credentials.

- Authentication is implemented using JWT (JSON Web Tokens) for secure access.

![auth image](./images/auth.JPG)

### 2. Recipe Search

- Users can search for recipes based on keywords, ingredients, or categories.

- Recipe search utilizes the Spoonacular API to fetch recipe data.

![recipe search image](./images/home2.JPG)

### 3. Recipe Details

- Users can view detailed information about a selected recipe, including ingredients, cooking instructions, and cooking time.

![recipe details image](./images/recipe%20details.JPG)

### 4. Favorite Recipes

- Users can add recipes to their list of favorite recipes.

- Favorite recipes are stored in the user's profile.

![favourite recipe image](./images/profile.JPG)

### 5. Profile Page

- Users have a profile page where they can view their favorite recipes.

- They can also delete recipes from their favorites(To be implemented later).

![favourite recipe image](./images/profile.JPG)

## Tech Stack Used

- Frontend: React.js + Chakra-Ui + React-router-dom

- Backend: Node.js (Express.js)

- Database: MongoDB

- Authentication: JWT (JSON Web Token)

- API Integration: Spoonacular API for recipe data

## Installation

1. Clone the repository:

   

2. Install frontend dependencies:

  

   cd client

   npm install

3. Install backend dependencies:

   cd server

   npm install

4. Create a .env file in the server directory with the following variables:

   PORT="";

   mongoURL=;

   JWT_SECRET_KEY=;

   API_KEY=;

### Usage

- 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.