Trang Ecommerce với M.E.R.N Stack và Redux. Repo bao gồm 3 phần chính là:
- server : chứa API cho shop, được tạo bằng Node.js, Express và MongoDB. Sử dụng RESTful API.
- admin : trang admin quản lý shop, được tạo bằng React, Redux và Material UI.
- client : trang web cho người dùng, được tạo bằng React, Redux và Bootstraps.
- Đầy đủ tính năng cho giỏ hàng.
- Review sách và đánh giá.
- Sản phẩm nổi bật/đang sale.
- Phân trang.
- Hỗ trợ bộ lọc tìm kiếm.
- Cập nhật thông tin người dùng.
- Trang admin quản lý.
- Sử dụng paypal để thanh toán.
- Đánh dấu đơn hàng đã được thanh toán, đã chuyển phát.
- Tác giả và bài blog hay về sách.
Clone repo và thêm .env vào thư mục server.
NODE_ENV = development
PORT = 5000
MONGO_URI = Your db
JWT_SECRET = Your key
PAYPAL_CLIENT_ID = Your id
Run server:
cd server
yarn
yarn start
Run admin:
cd admin
yarn
yarn start
Run web:
cd client
yarn
yarn start
Plugin | README |
---|---|
bcryptjs | plugins/bcryptjs/README.md |
express | plugins/express/README.md |
express-async-handler | plugins/express-async-handler/README.md |
jsonwebtoken | plugins/jsonwebtoken/README.md |
mongoose | plugins/mongoose/README.md |
multer | plugins/multer/README.md |
morgan | plugins/morgan/README.md |
nodemon | plugins/nodemon/README.md |
Plugin | README |
---|---|
axios | plugins/axios/README.md |
material-ui | plugins/material-ui/README.md |
react | plugins/react/README.md |
react-paypal-button-v2 | plugins/react-paypal-button-v2 /README.md |
react-redux | plugins/react-redux/README.md |
react-router-dom | plugins/react-router/README.md |
react-rte | plugins/react-rte/README.md |
redux | plugins/redux/README.md |
redux-thunk | plugins/redux-thunk/README.md |
Plugin | README |
---|---|
axios | plugins/axios/README.md |
lottie-react-web | plugins/lottie-react-web/README.md |
react | plugins/react/README.md |
react-paypal-button-v2 | plugins/react-paypal-button-v2 /README.md |
react-bootstrap | plugins/react-bootstrap/README.md |
react-redux | plugins/react-redux/README.md |
react-router-dom | plugins/react-router/README.md |
react-slick | plugins/react-slick/README.md |
redux | plugins/redux/README.md |
redux-thunk | plugins/redux-thunk/README.md |
code
├── package.json
│
├── server
│ ├── uploads
│ ├── src
│ │ ├── config
│ │ ├── controllers
│ │ ├── middleware
│ │ ├── models
│ │ ├── routes
│ │ ├── utils
│ │ └── index.js
│ │
│ └── package.json
│
├── admin
│ ├── public
│ ├── src
│ │ ├── actions
│ │ ├── components
│ │ ├── constants
│ │ ├── layouts
│ │ ├── reducers
│ │ ├── routes
│ │ ├── screens
│ │ ├── App.js
│ │ ├── store.js
│ │ └── index.js
│ │
│ └── package.json
│
├── client
│ ├── public
│ ├── src
│ │ ├── actions
│ │ ├── assets
│ │ ├── components
│ │ ├── constants
│ │ ├── hooks
│ │ ├── reducers
│ │ ├── routes
│ │ ├── screens
│ │ ├── App.js
│ │ ├── store.js
│ │ └── index.js
│ │
│ └── package.json
│
├── .gitignore
└── README.md
Dashboard | User | Book |
---|---|---|
Author | Editor | Order |
---|---|---|
Home | Shop | Detail |
---|---|---|
Author | Cart | Order |
---|---|---|
Profile | Sales | Contact |
---|---|---|