Chức năng:
Hiển thị sản phẩm: Sử dụng Axios để lấy dữ liệu sản phẩm từ API và hiển thị chúng trên giao diện người dùng.
Quản lý giỏ hàng: Cho phép người dùng thêm sản phẩm vào giỏ hàng, xem giỏ hàng, và xóa sản phẩm khỏi giỏ hàng thông qua các hành động Redux.
Điều hướng: Sử dụng React Router để điều hướng giữa các trang khác nhau trong ứng dụng, như trang chủ, trang giỏ hàng, và trang thanh toán.
Tải trang và hiệu ứng: Sử dụng các hiệu ứng loading khi dữ liệu đang được tải và cung cấp trải nghiệm người dùng mượt mà.
Các file và thư mục chính trong dự án bao gồm:
App.js: Điểm khởi đầu của ứng dụng, nơi các thành phần chính được sử dụng và cấu hình định tuyến.
index.js: File khởi tạo React và kết nối Redux store với ứng dụng.
redux/store.js: Cấu hình và tạo Redux store.
redux/action.js: Định nghĩa các hành động Redux.
components/: Thư mục chứa các thành phần giao diện người dùng như Navbar, Footer, Main, và Checkout.
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 dự án bằng cách sử dụng lệnh cd đường_dẫn_đến_thư_mục_dự_án.
Chạy lệnh npm install để cài đặt các phụ thuộc được liệt kê trong package.json.