Công nghệ:
React.js: Là thư viện JavaScript để xây dựng giao diện người dùng, dự án sử dụng React cho phần front-end.
Firebase:
Authentication: Dùng để xác thực người dùng thông qua email/password và Google SignIn.
Firestore: Cơ sở dữ liệu NoSQL được sử dụng để lưu trữ và truy vấn dữ liệu dự án như thông tin sản phẩm, lịch sử đặt hàng, và giỏ hàng.
React Router: Để quản lý và điều hướng trong ứng dụng SPA (Single Page Application).
Tailwind CSS: Một framework CSS utility-first giúp tạo giao diện nhanh chóng và linh hoạt.
React Hot Toast: Thư viện để hiển thị thông báo toast.
Chức năng:
Xác thực người dùng: Người dùng có thể đăng nhập/đăng ký thông qua email và mật khẩu hoặc Google SignIn.
Quản lý sản phẩm:
Thêm sản phẩm mới.
Xem chi tiết sản phẩm.
Thêm sản phẩm vào giỏ hàng.
Giỏ hàng: Người dùng có thể xem các sản phẩm trong giỏ hàng của mình.
Lịch sử đặt hàng: Người dùng có thể xem lịch sử các đơn hàng đã đặt.
Yêu thích/Wishlist: Người dùng có thể thêm sản phẩm vào danh sách yêu thích.
Thanh toán: Có chức năng thanh toán cho sản phẩm trong giỏ hàng hoặc thanh toán tất cả sản phẩm đã chọn.
ˈfī(ə)rˌbās
căn cứ hỏa lực
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt dự án này, bạn cần thực hiện các bước sau:
Cài đặt các gói phụ thuộc: Chạy lệnh sau trong terminal để cài đặt các gói npm được liệt kê trong package.json.
npm install
Cấu hình Firebase: Đảm bảo bạn đã cấu hình Firebase trong src/firebase/firebase.config.js bằng cách sử dụng các biến môi trường để lưu trữ thông tin cấu hình của Firebase.
Chạy dự án: Sử dụng lệnh sau để khởi động dự án trên máy phát triển của bạn
npm start