Chức năng chính:
Xem Sản Phẩm: Người dùng có thể xem danh sách sản phẩm thông qua trang ViewProducts. Sản phẩm được lấy từ Firestore và hiển thị với phân trang và tìm kiếm.
Đánh Giá Sản Phẩm: Trang ReviewProducts cho phép người dùng đánh giá sản phẩm bằng cách nhập đánh giá và chọn số sao. Đánh giá sau đó được lưu trữ trong Firestore.
Quản Lý Đơn Hàng: Người dùng có thể xem lịch sử đơn hàng và chi tiết đơn hàng thông qua các trang như OrderHistory và OrderDetails (không được hiển thị rõ trong các đoạn mã cung cấp).
Quản Lý Sản Phẩm: Quản trị viên có thể thêm, sửa, xóa sản phẩm thông qua trang quản trị.
Xác Thực Người Dùng: Sử dụng Firebase Auth để xác thực người dùng, cho phép đăng nhập, đăng ký và đặt lại mật khẩu.
Công nghệ sử dụng:
React: Một thư viện JavaScript để xây dựng giao diện người dùng.
Firebase:
Firestore: Cơ sở dữ liệu NoSQL được sử dụng để lưu trữ và truy vấn dữ liệu (xem trong config.js).
Firebase Auth: Dịch vụ xác thực người dùng.
Firebase Storage: Lưu trữ tệp và hình ảnh.
Redux: Quản lý trạng thái ứng dụng.
React Router: Điều hướng trong ứng dụng SPA.
React Toastify: Hiển thị thông báo.
Sass: Viết CSS với nhiều tính năng hơn, được sử dụng trong các file module.scss.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Chạy npm install để cài đặt các dependencies cần thiết cho dự án, được liệt kê trong file package.json.
Sau khi cài đặt xong, bạn có thể chạy dự án bằng cách sử dụng script npm start để khởi động ứng dụng ở chế độ phát triển. Dự án sẽ được mở tự động trong trình duyệt tại địa chỉ http://localhost:3000.