Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nischay-code/mern_ecommerce
A modern eCommerce web app built with the MERN stack, featuring user authentication, product management, shopping cart functionality, and order processing
https://github.com/nischay-code/mern_ecommerce
ecommerce exprees mern-stack mongodb mongoose nodejs react
Last synced: 8 days ago
JSON representation
A modern eCommerce web app built with the MERN stack, featuring user authentication, product management, shopping cart functionality, and order processing
- Host: GitHub
- URL: https://github.com/nischay-code/mern_ecommerce
- Owner: nischay-code
- Created: 2024-07-04T05:56:03.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-15T03:05:08.000Z (4 months ago)
- Last Synced: 2024-08-24T02:57:51.314Z (3 months ago)
- Topics: ecommerce, exprees, mern-stack, mongodb, mongoose, nodejs, react
- Language: JavaScript
- Homepage:
- Size: 1.75 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 MERN Stack eCommerce Site
This is a MERN stack eCommerce site built using the following technologies:
## 🌟 Frontend Dependencies
- 🧩 antd
- 🌐 axios
- ⚛️ react:
- 🖼️ react-dom
- 🪖 react-helmet
- 🔥 react-hot-toast
- 🔗 react-router-dom
- 🛠️ react-scripts
- 🍞 react-toastify
- 📈 web-vitals
## 🔧 Backend Dependencies
- 🔒 bcrypt
- 🎨 colors
- 🕒 concurrently
- 🌍 cors
- 🗂️ dotenv
- 🚂 express
- 📑 express-formidable
- 🔐 jsonwebtoken
- 🗄️ mongoose
- 📜 morgan
- 🔄 nodemon
- 🎨 react-icons
- 📝 slugify
## 🛠️ Environment Variables
### Backend
Create a `.env` file in the root of the backend directory and add the following variables:
```bash
PORT=
DEV_MODE=
MONGO_URL=
JWT_SECRET=
```
### Frontend
Create a `.env` file in the root of the frontend directory and add the following variable:
```shell
REACT_APP_API=
```
## Installation
### Clone the Repository
```
git clone [email protected]:nischay-code/MERN_Ecommerce.git
cd MERN_Ecommerce
```
### Install Frontend Dependencies
```
cd frontend
npm install
```
### Install Backend Dependencies
```
cd ../backend
npm install
```
## 🚀 Running the Application
### Start the Backend Server
```
cd backend
npm run server
```
### Start the Frontend Server
```
cd ../frontend
npm start
```
## Adding the Development Command
### In the root package.json file, add the following script to run both the frontend and backend servers concurrently:
```
"scripts": {
"start": "node server.js",
"server": "nodemon server.js",
"client": "npm start --prefix ./client",
"dev": "concurrently \"npm run server\" \"npm run client\""
}
```
## Running the Application
### Start the Development Server
To start both the backend and frontend servers concurrently, run the following command from the root directory:
```shell
npm run dev
```
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
This project is licensed under the MIT License.
Happy coding! 🎉