Chức năng:
Hiển thị Sản Phẩm: Người dùng có thể xem danh sách các sản phẩm có sẵn để mua. Mỗi sản phẩm có thông tin như tên, giá, số lượng, và hình ảnh. (Product)
Quản lý Giỏ Hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng, tăng giảm số lượng sản phẩm trong giỏ hàng, và xóa sản phẩm khỏi giỏ hàng. (App, Cart)
Thanh Toán: Có chức năng thanh toán để đặt hàng, làm rỗng giỏ hàng sau khi thanh toán. (App)
Hiển thị Tổng Số Lượng và Tổng Giá Trị: Hiển thị tổng số lượng sản phẩm trong giỏ hàng và tổng giá trị của giỏ hàng. (Header, App)
Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. (package.json)
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng SPA (Single Page Application). (App)
React Icons: Cung cấp các biểu tượng sẵn có để sử dụng trong ứng dụng. (Button, Product)
useState và useEffect Hooks: Được sử dụng để quản lý trạng thái và vòng đời của component trong ứng dụng React. (App)
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 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 path/to/your/project.
Chạy lệnh npm install để cài đặt các phụ thuộc được liệt kê trong file package.json.
npm install
npm start