8000 GitHub - leontoys/product-store: MERN Stack Product Store
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

leontoys/product-store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🛍️ Product Store App

A MERN stack (MongoDB, Express, React, Node.js) application for managing products. This full-stack app allows users to perform CRUD (Create, Read, Update, Delete) operations on product data and provides a clean user interface for managing a store's inventory.


🚀 Features

  • ✅ User registration and login with JWT authentication
  • 🛒 Add, edit, delete, and view products
  • 🖼 Upload product images
  • 💻 Simple and responsive frontend

🛠 Tech Stack

  • Frontend: React, Chakra-UI, Axios, React Router
  • Backend: Node.js, Express.js,
  • Database: MongoDB with Mongoose ODM

📦 Prerequisites

Before running this app locally, ensure you have:

  • Node.js
  • NPM
  • MongoDB

🔧 Installation & Setup

1. Clone the repository:

git clone https://github.com/leontoys/product-store.git
cd product-store

2. Install backend dependencies:

cd backend
npm install

3. Install frontend dependencies:

cd ../frontend
npm install

▶️ Running the App

Start the backend server:

cd backend
node server.js

Start the React frontend:

cd ../frontend
npm start

📂 Project Structure

product-store/
├── backend/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── server.js
│   └── ...
├── frontend/
│   ├── components/
│   ├── pages/
│   ├── App.js
│   └── ...

🌐 Live Demo

🔗 Product Store

Demo


📄 License

This project is licensed under the MIT License.

About

MERN Stack Product Store

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0