Công nghệ và chức năng
Công nghệ sử dụng
-
React: Thư viện JavaScript để xây dựng giao diện người dùng.
-
SnowFlake UI: Thư viện giao diện người dùng cho React.
-
React Router: Thư viện định tuyến cho React.
-
React Toastify: Thư viện hiển thị thông báo.
-
Canvas Confetti: Thư viện tạo hiệu ứng pháo hoa.
-
MockBee Mock Backend (Mirage JS): Công cụ tạo backend giả để mô phỏng API.
Chức năng đã bao gồm
-
Xác thực người dùng: Đăng nhập, đăng ký, và đăng xuất.
-
Trang liệt kê sản phẩm: Hiển thị danh sách các thẻ Panini.
-
Lọc sản phẩm: Lọc theo danh mục, khoảng giá, sắp xếp theo giá, và đánh giá.
-
Thêm vào danh sách yêu thích: Cho phép người dùng lưu sản phẩm yêu thích.
-
Thêm vào giỏ hàng: Thêm sản phẩm vào giỏ hàng.
-
Lưu vào sau: Lưu sản phẩm để mua sau.
-
Quản lý giỏ hàng: Quản lý các sản phẩm trong giỏ hàng.
-
Tóm tắt đơn hàng và áp dụng mã giảm giá: Hiển thị tóm tắt đơn hàng và cho phép áp dụng mã giảm giá.
-
Tích hợp thanh toán: Sử dụng RazorPay để thanh toán.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Cách cài đặt dự án
-
Cài đặt Node.js và npm: Truy cập Node.js để tải và cài đặt.
-
Cài đặt các gói cần thiết: Mở terminal và điều hướng đến thư mục gốc của dự án. Chạy lệnh sau để cài đặt các phụ thuộc:
-
Chạy dự án: Sau khi cài đặt xong, chạy lệnh sau để khởi động dự án:
Dự án sẽ chạy trên http://localhost:3000
(mặc định) và bạn có thể truy cập vào đó để xem ứng dụng của mình.