Trang web bán hàng công nghệ với ReactJs

Trang web bán hàng công nghệ với ReactJs

Đây là mã nguồn  trang web về cửa hàng điện tử

Tính năng

• Hiển thị các sản phẩm nổi bật, chương trình khuyến mãi …
• Tìm kiếm, lọc sản phẩm theo yêu cầu của người dùng.
• Hiển thị chi tiết sản phẩm và đề xuất các sản phẩm liên quan.
• Cho phép người dùng thêm, bớt sản phẩm trong giỏ hàng.
• So sánh 2 sản phẩm.
• Set row (Thanh toán trực tuyến với VNPay).
• Đăng ký, đăng nhập.
• Người dùng tài khoản quản lý, khuyến mãi chương trình tính toán.
• Lưu lịch sử mua hàng, đề xuất sản phẩm liên quan.

Công nghệ:

• Back-end, Cơ sở dữ liệu

  • NodeJS (ExpressJS).
  • MongoDB (mongooseJS).
  • Lưu trữ: Máy chủ Heroku
  • Máy chủ đám mây: Atlas MongoDB, Cloudinary.
  • Tài liệu API: Swagger.

Giao diện người dùng

• • SPA (Ứng dụng trang đơn) & CSR (Kết xuất phía máy khách) với ReactJS.
  • Công cụ quản lý trạng thái: Redux + Redux thunk.
  • Build UI with Ant Design, Css, Scss.
  • Xây dựng dự án với Webpack.
  • API Restful với Axios.

•  Install node_module before running

  > cd Back-end -> yarn install
  > cd Front-end -> yarn install

• 🔨 Chạy dự án

  • Thay file .local.env bằng file .env và các giá trị trong file .env. Sau đó, chạy các lệnh sau:
  > cd front-end -> yarn build
  > cd back-end -> yarn start (node index.js)
  > browser: http://localhost:{ PORT | 3000 }

• 🌍 API tài liệu

  > browser: http://localhost:{PORT}/api-docs/

Home

Trang đăng nhập

Chi tiết sản phẩm