Công nghệ:
ReactJS: Một thư viện JavaScript để xây dựng giao diện người dùng.
Firebase: Sử dụng Firebase Firestore làm cơ sở dữ liệu để lưu trữ thông tin sản phẩm và xử lý dữ liệu.
React Router: Để xử lý định tuyến trong ứng dụng SPA (Single Page Application).
Context API: Được sử dụng để quản lý trạng thái toàn cục như thông tin giỏ hàng.
Chức năng:
Hiển thị Sản Phẩm: Sản phẩm được lấy từ Firestore và hiển thị thông qua component Product và danh sách sản phẩm được hiển thị bởi ListProducts.
Chi Tiết Sản Phẩm: Người dùng có thể xem chi tiết của mỗi sản phẩm thông qua trang ItemDetailPage và component ItemDetail.
Giỏ Hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng sử dụng Context API (CartContext) để quản lý trạng thái giỏ hàng.
Lọc Sản Phẩm: Có thể lọc sản phẩm theo các tiêu chí nhất định thông qua component ProductsFilter.
Định Tuyến và Navigasi: Sử dụng React Router để điều hướng giữa các trang khác nhau như trang chủ, trang liên hệ, trang sản phẩm, v.v., được quản lý bởi AppRouter.
ˈfī(ə)rˌbās
căn cứ hỏa lực
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Để cài đặt dự án này, bạn cần thực hiện các bước sau trong terminal hoặc command prompt:
Đảm bảo bạn đã cài đặt Node.js và npm. Bạn có thể kiểm tra bằng cách chạy node -v và npm -v trong terminal để xem phiên bản.
Di chuyển đến thư mục gốc của dự án bằng cách sử dụng lệnh cd, ví dụ: cd c:/Users/PC/E-Commerce/clasedos.
Chạy lệnh npm install để cài đặt tất cả các phụ thuộc được liệt kê trong package.json.
Sau khi hoàn tất, bạn có thể bắt đầu phát triển dự án bằng cách sử dụng lệnh npm start như được mô tả trong public/index.html.
Nguồn: Topcode.vn
