Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tanhongit/frontend2_react_web
Frontend2 React Web - Source code Shop online e-commerce By React & Node & MongoDB
https://github.com/tanhongit/frontend2_react_web
axios body-parser jsonwebtoken mongodb mongoose node nodejs react react-redux reactjs reactjs-cart redux shop-cart shopping-cart tanhongit tanhongit-cart
Last synced: 2 months ago
JSON representation
Frontend2 React Web - Source code Shop online e-commerce By React & Node & MongoDB
- Host: GitHub
- URL: https://github.com/tanhongit/frontend2_react_web
- Owner: tanhongit
- License: mit
- Created: 2020-07-06T09:13:56.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T00:31:57.000Z (almost 2 years ago)
- Last Synced: 2024-10-09T20:38:54.033Z (2 months ago)
- Topics: axios, body-parser, jsonwebtoken, mongodb, mongoose, node, nodejs, react, react-redux, reactjs, reactjs-cart, redux, shop-cart, shopping-cart, tanhongit, tanhongit-cart
- Language: JavaScript
- Homepage: https://tanhongit.github.io/frontend2_react_web/
- Size: 75.7 MB
- Stars: 8
- Watchers: 0
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Welcome to FRONTEND2 REACT WEB by TANHONGIT
The FRONTEND2 REACT WEB is a free e-commerce website project for everyone to use. It is built in React & Node & MongoDB. And anyone can use it.
- Customers do not need to know much about technology.
- Powerful system, many useful functions.
- Easy to access, easy to use.
## Support the project
Support this project :stuck_out_tongue_winking_eye: :pray:
# 2. Technology
- React & Node & MongoDB
- Framework Express
# 3. Feature
```
1. FRONT-END
- Shopping cart
- Save cart with cookie
- Customer login, logout
- Content: Product, Product List, Product Details, Category,...
- Product attributes: cost price, detail,...
- Search, Filter products by price,...
- Checkout, PlaceỎder,...
- Constrain the number of products in the cart:
+ Do not allow checkout when the cart is out of stock
+ Do not allow to enter the overloaded quantity with the number of goods in stock
+ ...
...
=================================================================
2. BACKEND-ADMIN
- Admin roles, permission
- Products manager (Create, delete, update)
- Orders management (Create, delete, update)
- Profile management (Create, delete, update)
- My OrderList (Show)
...
```
# 4. Configuration requirements
We are going to build the web application using:
- [MongoDB](https://www.mongodb.com/)
- [NodeJS](https://nodejs.org/en/)
# 5. Running
## 5.1. Install NodeJS
For Windows : https://nodejs.org/en/
Test version:
```bash
node -v && npm -v
```
## 5.2. Install MongoDB
View tutorial, download and Install it from here: https://docs.mongodb.com/manual/administration/install-community/
## 5.3. Clone repo
```bash
git clone https://github.com/TanHongIT/frontend2_react_web
cd frontend2_react_web
```
## 5.4. Import Database .json file to MongoDB
Open new terminal. Go to databases directory path.
Then Run & Connect to MongoDB.
```bash
cd databases
mongoimport --db=tanhong --collection=products --file=products_is_tanhong_db_update.json
mongoimport --db=tanhong --collection=users --file=users_is_tanhong_db.json
```
> **_Account login on Backend_**
```
user :
email: [email protected] | password: 123
email: [email protected] | password: 123
email: [email protected] | password: 123
Admin:
email: [email protected] | password: 12345
email: [email protected] | password: 1234
```
## 5.5. Run Backend
Open new terminal.
```bash
npm install
npm start
```
## 5.6. Run Frontend
Open new terminal
```bash
cd frontend
npm install
npm start
```
## 5.7. Go to Homepage
Run http://localhost:3000
