Website thương mại điện tử Code đồ án Web bán hàng

[Mã code 36246]
  1 Đánh giá    Viết đánh giá
 6      1298      11
Phí tải: 300 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
13-6-2023
Loại file
Full code
Dung lượng
8.27 MB
Cam kết hỗ trợ
Không chứa mã độc
Có demo thực tế
Có hướng dẫn cài đặt

Website thương mại điện tử Kiana Ercomerce: Frontend: ReactJS, Tailwind css Backend: NodeJS, Express + Socketio Database: MongoDB


MÔ TẢ CHI TIẾT

Công nghệ sử dụng:

  • Fronend: ReactJS, Tailwind css
  • Backend: NodeJS, express + socketio
  • Database: MongoDB

+Cơ cấu và chức năng của Kiana ercomerce:

 
- Đối tượng:
1 Người dùng (Người truy cập vào Website nhưng không mua sắm)
2 Người mua (Người dùng có tài khoản, tham gia vào hoạt động mua sắm)
3 Người bán (Cửa hàng)
4 Admin
 

- Chức năng:

Chức năng chung của tất cả đối tượng:
  •  đăng nhập
  • Đăng ký
  • Xem thông tin sản phẩm, sự kiện khuyến mãi
  • Xem thông tin cửa hàng
  • Thêm sản phẩm vào giỏ hàng, giỏ hàng yêu thích
  • Mua sản phẩm, yêu cầu trả sản phẩm( thanh toán qua Paypal hoặc thanh toán khi nhận hàng)
  •  Đánh giá sản phẩm (Chỉ được đánh giá khi trạng thái giao hàng là thành công)
  • Tin nhắn
  • Xem, chỉnh sửa thông tin cá nhân ( Cái này đã test lúc mình thêm sddt và địa chỉ)
  • Xem, theo dõi đơn hàng
 
Chức năng của người bán
  • Đăng ký trở thành người bán
  • Đăng nhập
  • Thêm, xóa sản phẩm
  • Quản lý đơn hàng
  • Thêm, xóa sự kiện khuyến mãi
  • Rút tiền
  • Tin nhắn (Tin nhắn giữa cửa hàng và khách hàng)
  • Thêm, xóa voucher( Mã khuyến mãi)
  • Sửa thông tin cửa hàng
 
Chức năng của Admin
  • Nắm thông tin đơn hàng trên hệ thống
  • Quản lý tất cả người bán (Cửa hàng)
  • Quản lý tất cả tài khoản trên hệ thống
  • Quản lý tất cả sản phẩm (Chỉ xem thông tin, ko xóa)
  • Quản lý tất cả sự kiện (Chỉ xem thông tin, ko xóa)
  • Thực hiện yêu cầu rút tiền từ người bán ( Cửa hàng)


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Code web,Web bán hàng,website thương mại điện tử,reactjs,web thương mại điện tử

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT

Đầu tiên: Setup file .env

Bên trong thư mục Backend/config/.env bao gồm những thông tin về cơ cấu setup website (VD Url MonggoDB và mật khẩu ứng dụng của tài khoản Google) các bạn chỉ cần điền các thông tin của các bạn vào file .env.

Bước 2:

Chạy lệnh "npm install" hoặc "yarn install" trên cả 3 thư mục (backend, frontend và socket)

Lưu ý có 1 số bạn khi chạy lệnh trên thư mục frontend xuất hiện lỗi " ERESOLVE unable to resolve dependency tree"  thì các bạn thay vì chạy lệnh là " npm install" thì các bạn sẽ chạy lệnh

npm install --legacy-peer-deps"

Bước 3: Chạy website trên localhost 3000

Các bạn tách Terminal ra làm 3 cửa sổ, mỗi cửa sổ sẽ chạy lệnh "cd backend", "cd frontend" và " cd socket". Mỗi cửa sổ Terminal sẽ chạy 1 lệnh riêng, sau khi xong thì các bạn sử dụng lệnh " npm start" hoặc "Yarn start" trên cả 3 cửa sổ. ==> đợi kết quả.

Bước 4: Tạo tài khoản

Cách tạo tài khoản Admin

Các bạn đăng ký tài khoản như bình thường, sau đó vào MonggoDB đến bảng DATA user của các bạn và chỉnh sửa phần "role":"users" thành "role":"Admin"

Bước 5: tạo tài khoản cửa hàng và thêm sản phẩm cho website

Các bạn thêm sản phẩm như bình thường, càng thêm nhiều sản phẩm thì website các bạn sẽ càng đẹp hơn

Lưu ý: Thanh toán qua Paypal trên website thì các bạn nên tìm hiểu về Paypal sanbox trên Google để tạo tài khoản Persional để thuận tiện cho việc thanh toán nhé.

 

 
 
LINK DOWNLOAD

kiana_ercomerce.rar [8.27 MB]

File đã kiểm duyệt
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(300 Xu)
Bạn có code hay
ĐĂNG BÁN NGAY

BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
23:13 - 13/6/2023
Code rất tốt
Code rất tốt và phù hợp để phát triển

 HỖ TRỢ TRỰC TUYẾN