Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mian-ali/ecommerce-app
Build Full MernStack E-CommerceApp
https://github.com/mian-ali/ecommerce-app
cart ecommerce fullstack-development mern-stack mian-ali mongodb nodejs proshop react
Last synced: about 9 hours ago
JSON representation
Build Full MernStack E-CommerceApp
- Host: GitHub
- URL: https://github.com/mian-ali/ecommerce-app
- Owner: mian-ali
- License: mit
- Created: 2021-11-09T19:02:42.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-10-24T18:05:41.000Z (14 days ago)
- Last Synced: 2024-10-26T02:47:23.465Z (13 days ago)
- Topics: cart, ecommerce, fullstack-development, mern-stack, mian-ali, mongodb, nodejs, proshop, react
- Language: JavaScript
- Homepage: https://fancy-scarf.cyclic.app/
- Size: 5.17 MB
- Stars: 57
- Watchers: 3
- Forks: 23
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# ProShop MernStack web Application `New version sooooonnn`
> eCommerce platform built with the MERN stack & Redux.
## Live Prview Project
- Production Link Change due to Heroku Free tire closed move Heroku to cyclic.sh
[Demo Project](https://fancy-scarf.cyclic.app/)
## Features
- Full featured shopping cart
- Product reviews and ratings
- Top products carousel
- Product pagination
- Product search feature
- User profile with orders
- Admin product management
- Admin user management
- Admin Order details page
- Mark orders as delivered option
- Checkout process (shipping, payment method, etc)
- PayPal / credit card integration
- Database seeder (products & users)
## Usage
### ES Modules in Node
We use ECMAScript Modules in the backend in this project. Be sure to have at least Node v14.6+ or you will need to add the "--experimental-modules" flag.
Also, when importing a file (not a package), be sure to add .js at the end or you will get a "module not found" error
You can also install and setup Babel if you would like
### Env Variables
Create a .env file in then root and add the following
```
NODE_ENV = development
PORT = 5000
MONGO_URI = your mongodb uri
JWT_SECRET = 'abc123'
PAYPAL_CLIENT_ID = your paypal client id
```
### Install Dependencies (frontend & backend)
```
npm install
cd frontend
npm install
```
### Run
```
# Run frontend (:3000) & backend (:5000)
npm run dev
# Run backend only
npm run server
```
## Build & Deploy
```
# Create frontend prod build
cd frontend
npm run build
```
There is a Heroku postbuild script, so if you push to Heroku, no need to build manually for deployment to Heroku
### Seed Database
You can use the following commands to seed the database with some sample users and products as well as destroy all data
```
# Import data
npm run data:import
# Destroy data
npm run data:destroy
```
```
Sample User Logins
[email protected] (Admin)
123456
[email protected] (Customer)
123456
```
[Vist App](https://aliahmadshop.herokuapp.com/register?redirect=/)