Chức năng:
Hiển thị sản phẩm: Sử dụng Shop để hiển thị các sản phẩm có sẵn.
Giỏ hàng: Cho phép người dùng thêm sản phẩm vào giỏ hàng và quản lý nó thông qua Cart và ShopContextProvider.
Lọc và sắp xếp sản phẩm: Cung cấp khả năng lọc và sắp xếp sản phẩm thông qua các hook tùy chỉnh như Hook-useRadioSort.
Form liên hệ: Sử dụng Form để thu thập thông tin liên hệ từ người dùng.
Navigation: Cung cấp điều hướng trong ứng dụng thông qua Navbar.
Công nghệ:
React: Là thư viện chính để xây dựng giao diện người dùng.
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng một trang (SPA).
Context API: Quản lý trạng thái toàn cục của ứng dụng, như thông tin giỏ hàng, thông qua ShopContextProvider.
Local Storage: Lưu trữ dữ liệu giỏ hàng trên trình duyệt người dùng để duy trì trạng thái giỏ hàng khi tải lại trang.
Vite: Là công cụ build và phát triển nhanh cho các ứng dụng hiện đại, được cấu hình trong vite.config.js.
ESLint: Được cấu hình trong .eslintrc.cjs để đảm bảo chất lượng mã bằng cách tuân thủ các quy tắc lập trình
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 trong terminal:
Mở terminal và di chuyển đến thư mục dự án bằng cách sử dụng lệnh cd.
Chạy lệnh npm install để cài đặt tất cả các phụ thuộc được liệt kê trong file package.json.
cd path/to/your/project
npm install
Sau khi hoàn tất, bạn có thể chạy dự án bằng cách sử dụng lệnh npm run dev để khởi động máy chủ phát triển và truy cập ứng dụng qua trình duyệt.