Sử dụng NextJS + TypeScript. Phía Backend sử dụng nền tảng Boundless để xây dựng API và làm phần Admin.
Chức năng cơ bản:
*Phía khách hàng: +Xem danh sách sản phẩm + Xem thông tin sản phẩm + Thêm sản phẩm vào giỏ hành + Đặt hàng sản phẩm
* Phía Admin:
+ Thêm sản phẩm + Chỉnh sửa thông tin, xóa sản phẩm. + Chỉnh sửa, thêm và xóa danh mục sản phẩm. + Xem, cập nhật trạng thái, xóa đơn hàng. + Thêm, xóa, sửa mẫu thư cảm ơn khách hàng. + Chỉnh sửa, thêm, xóa phương thức thanh toán. + Chỉanh sửa, thêm, xóa label sản phẩm. + Chỉnh sửa, thêm, xóa trạng thái đơn hàng .v.v.v
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Yêu cầu thiết bị đã cài NodeJS và Visual Studio Code:
Sau khi giải nén, các bạn dùng Visual studio code mở thư mục code lên:
+ Bước 1: Mở termiral, sau đó chạy lệnh " Npm install " hoặc " Yarn" đối với các bạn sử dụng Yarn.
+ Bước 2: Các bạn lên Google tìm kiếm Boundless Ercommerce truy cập vào trang chủ và dùng Gmail của mình để đăng ký tài khoản Admin.
+ Bước 3: Ở trang chủ Admin, các bạn vào phần Setting ==> Access Tokens , sau đó coppy Token và ID ở trong đó.
+ Bước 4: Trong thư mục code có 1 file tên là .env. Các bạn mở file đó ra và dán Token và ID đã coppy được ở trang Admin và dán nó vào 2 trường mình có chú thích ở trong file .env .
+ Bước 5: Sau khi cài đặt ở bước 1 hoàn tất, các bạn chạy lệnh "npm run dev" hoặc " yarn run dev". sau đó mở trình duyệt và truy cập địa chỉ localhost:3000 để xem thành phẩm.
Nguồn: Topcode.vn