Skip to content

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

Notifications You must be signed in to change notification settings

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

No packages published

Contributors 2

  •  
  •  

Languages