Công nghệ:
React: Một thư viện JavaScript để 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: Được sử dụng để quản lý trạng thái toàn cục của ứng dụng, như thông tin sản phẩm và giỏ hàng.
Chức năng:
Hiển thị Sản Phẩm: Sản phẩm được lấy từ API và hiển thị cho người dùng. Xem trong ProductContext.
Quản lý Giỏ Hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và chỉnh sửa giỏ hàng. Xử lý thông qua CartReducer và các hành động được gửi từ App.js.
Thông Báo: Cung cấp phản hồi cho người dùng thông qua thanh thông báo, quản lý bằng ToastContext và hiển thị bằng Toast component.
Đị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ủ, Sản Phẩm, Giỏ Hàng, và Trang Sản Phẩm Đơn.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Di chuyển vào thư mục dự án:
cd ecommerce-cart/my-app
npm install
Lệnh này sẽ tự động cài đặt tất cả các gói phụ thuộc được liệt kê trong file package.json.
Chạy dự án trên máy phát triển của bạn:
npm start
Lệnh này sẽ khởi động máy chủ phát triển và mở dự án trong trình duyệt mặc định của bạn. Thông thường, dự án sẽ được mở tại địa chỉ http://localhost:3000.