Skip to content

Latest commit

 

History

History
106 lines (69 loc) · 2.75 KB

readme.md

File metadata and controls

106 lines (69 loc) · 2.75 KB
Raw

Recipe Sharing Full Stack App (MERN Stack)

Table of Contents

Screenshot1; Screenshot2; Screenshot3; Screenshot4;

Features

  1. User Authentication: Secure user authentication and registration system.
  2. Recipe Management: Create, edit, and delete your recipes.
  3. Recipe Discovery: Browse and search for recipes shared by other users.
  4. Comments and Ratings: Leave comments and rate recipes.
  5. Favorite Recipes: Save your favorite recipes for easy access.
  6. Responsive Design: Works seamlessly on both desktop and mobile devices.

Prerequisites

  • Node.js installed (v14 or higher).
  • MongoDB installed and running locally or on a remote server.
  • Git for version control.
  • A text editor or integrated development environment (IDE) of your choice (e.g., Visual Studio Code).

Getting Started

  1. Clone the repository:

    git clone https://github.com/Rohith-Manjunath/MERN-Recipe-App.git

  2. Navigate to the project directory:

    cd Mern-Recipe-App

  3. Navigate to the client directory:

    cd client 
cd my-app

  4. Install client dependencies:

    npm install

  5. Return to the project root:

    cd ..
cd ..

  6. Navigate to server folder:

    cd server

  7. Create a .env file in the project root and configure your environment variables:

    PORT=2000
MONGODB_URI=mongodb://localhost/recipe-app
SECRET=your-secret-key

Replace your-secret-key with a secure secret for JWT token generation.

  1. Start the development server

    node index.js

Folder Structure

The project follows a standard MERN stack folder structure:

  • client: Contains the React frontend application.
  • server: Contains the Express.js backend application.
  • Schema: Define the MongoDB schemas and models.
  • routes: Define the API routes.
  • controllers: Handle route logic and interact with the database.
  • middlewares: Custom middleware functions.
  • db: Configuration files (e.g., database connection).

Technologies Used

Frontend:

  • React

Backend:

  • Node.js
  • Express.js
  • MongoDB (Mongoose)
  • JSON Web Tokens (JWT) for authentication
  • bcrypt for secured password hashing

Live Demo

Check out the live demo of the Recipe Sharing Full Stack App here.