Skip to content

An e-commerce store built using React for the frontend, Express for the backend, and MongoDB as the database. It supports user authentication with sign-in and sign-up functionalities.

Notifications You must be signed in to change notification settings

shubbhhh/E-Commerce-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

E-Commerce Website

This project is an e-commerce store built using React for the frontend, Express for the backend, and MongoDB as the database. It supports user authentication with sign-in and sign-up functionalities.

Features

  • User authentication (sign-in and sign-up)
  • Explore products
  • User profile management
  • Cart management
  • Wishlist functionality
  • Order tracking

Technologies Used

  • Frontend: React
  • Backend: Express
  • Database: MongoDB

Pages

  • Home Page:

    Screenshot 2024-08-26 215140

  • Explore Page:

    Screenshot 2024-08-26 215204

  • Product(explore/:id) Page:

    Screenshot 2024-08-26 215225

  • Profile Page:

    Screenshot 2024-06-29 113402

  • Profile/cart Page:

    Screenshot 2024-08-26 215247


Setup and Installation

  1. Clone the repository:

    git clone ttps://github.com/shubbhhh/E-Commerce-website.git
    
  2. Navigate to the project directory:

    cd E-Commerce-website
    
  3. Install dependencies:

    • For the frontend:

      cd frontend
      npm install
      
    • For the backend:

      cd backend
      npm install
      
  4. Configure the environment variables:

    • Change the config.js file in the backend directory and add the following:

      const key = your_jwt_secret
      const DATABASE_URL = your_mongodb_connection_string
      
      module.exports = { JWT_Secret: key, DATABASE_URL: DATABASE_URL }
      
  5. Run the application:

    • Start the backend server:

      cd backend
      npm start
      
    • Start the frontend server:

      cd frontend
      npm start
      
  6. Access the application:

    Open your browser and navigate to http://localhost:5173 for the frontend.

About

An e-commerce store built using React for the frontend, Express for the backend, and MongoDB as the database. It supports user authentication with sign-in and sign-up functionalities.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published