Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Các thành phần chính của ứng dụng như NavBar, WishList, và Product đều được xây dựng sử dụng React.
Vite: Một công cụ build hiện đại cho các ứng dụng JavaScript, được sử dụng để tăng tốc độ phát triển và build ứng dụng.
Tailwind CSS: Một framework CSS utility-first giúp tạo giao diện nhanh chóng và linh hoạt.
Thư viện để quản lý routing trong ứng dụng React.
Axios: Thư viện HTTP client phổ biến, được sử dụng để thực hiện các yêu cầu API.
React Icons: Thư viện cung cấp các biểu tượng phổ biến, được sử dụng trong giao diện người dùng của ứng dụng.
Chức năng:
Quản lý giỏ hàng: Người dùng có thể thêm và xóa sản phẩm từ giỏ hàng sử dụng CartContext.
Quản lý danh sách yêu thích: Người dùng có thể thêm sản phẩm vào danh sách yêu thích và quản lý danh sách này thông qua WishListContext.
Xác thực người dùng: Sử dụng TokenContext để quản lý trạng thái xác thực của người dùng.
Hiển thị sản phẩm: Các sản phẩm được hiển thị thông qua các thành phần như ProductCard và CategoryCard, với thông tin chi tiết và khả năng tương tác như thêm vào giỏ hàng hoặc danh sách yêu thích.
Tìm kiếm và lọc sản phẩm: Mặc dù không rõ ràng trong các đoạn mã cung cấp, nhưng thường là một phần quan trọng của các ứng dụng thương mại điện tử.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
cd Exclusive
npm install
npm run dev
Mở http://localhost:5173 trên trình duyệt của bạn để xem kết quả.
Nguồn: Topcode.vn
