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ƯỚ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 test chức năng thanh toán nhé.
Nguồn: Topcode.vn
