là một cửa hàng ảo mà tôi đã tạo ra để học cách triển khai React JS. Nó mô phỏng một trang web thương mại điện tử cơ bản với các sản phẩm dành cho game thủ, nơi bạn có thể thực hiện nhiều chức năng thông thường trên các trang web này. Mỗi đơn hàng được tạo ra sẽ tạo ra một đơn đặt hàng mới trong cơ sở dữ liệu Firebase, điều này dẫn đến sự thay đổi trong kho hàng và một ID đơn hàng cá nhân.
Các tính năng:
Xem danh sách đầy đủ sản phẩm
Lọc sản phẩm theo danh mục
Thêm sản phẩm vào giỏ hàng
Xóa sản phẩm khỏi giỏ hàng
Xóa toàn bộ giỏ hàng
Xem toàn bộ giỏ hàng
Cập nhật tồn kho tự động thông qua việc thực hiện đơn hàng
Thực hiện một đơn hàng và nhận ID đơn hàng
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Mở bằng bất kỳ terminal hoặc console nào trong thư mục dự án.
Chạy lệnh "npm install" để cài đặt các phụ thuộc cần thiết.
Chạy lệnh "npm run dev" để bắt đầu ứng dụng.
Trên trình duyệt của bạn, điều hướng đến http://localhost:5173 để xem ứng dụng hoạt động
Để sử dụng Firebase trong ứng dụng này, bạn cần thực hiện các bước sau:
Tạo hoặc đăng nhập vào tài khoản Firebase.
Tạo một Dự án Mới.
Trong phần "Authentication" của Firebase, bật nhà cung cấp xác thực email và mật khẩu.
Trong phần "Firestore" của Firebase, tạo một cơ sở dữ liệu mới và cấu hình các quy tắc an ninh để cho phép đọc/viết chỉ cho người dùng đã xác thực.
Trong phần "Cài đặt Dự án" của Firebase, nhấp vào "Thêm ứng dụng" và làm theo hướng dẫn để thêm một ứng dụng web mới.
Sao chép các thông tin xác thực của Firebase và cấu hình các biến môi trường trong tệp .env của dự án của bạn.
Nguồn: Topcode.vn
