Skip to content

tireddev24/product-store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PRODUCT STORE 🏬

A comprehensive MERN stack application that simulates features of a modern e-commerce website.

FEATURES 📲

  • Sign up / Login
  • Create Product
  • Edit Product Details
  • Delete Products
  • Add products to favourites
  • Add products to the Cart

Screenshot 2025-04-10 113652

HOW TO USE THIS REPO 🛠️

  1. Clone the project. Open your terminal and use the following command:

     git clone https://github.com/tireddev24/product-store 
  2. Open the "product-store" folder in VS Code (or your preferred code editor)

  3. Create a MongoDB database and get the connection string - How to Create a MongoDB Database

  4. In the backend folder, create a file named ".env"

     - MONGO_URI = {{your_MongoDB_connection_string}}
     - PORT = {{your_preferred_port}}
     - JWT_SECRET= {{your_jwt_secret}}
  5. Open a terminal in the directory where the project folder is located and navigate to the backend directory. Then run the command(s):

      npm install
      npm run dev
  6. Open a new terminal in the same directory as the above project and navigate to the frontend directory. Then run the command(s):

      npm install
      npm run dev
  7. View the page in the browser with the link in the terminal. It should look like this:

    image

THINGS TO NOTE 📝

  • npm install installs the dependencies
  • npm run dev starts the server

About

A simple crud app created with the MERN stack. You can view, create, update and delete products as you please.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages