Công nghệ:
ReactJS: Một thư viện JavaScript để xây dựng giao diện người dùng.
Material-UI: Một thư viện React UI để tạo giao diện người dùng đẹp mắt và tương tác.
Commerce.js: Một nền tảng thương mại điện tử API-first để xử lý danh sách sản phẩm, giỏ hàng, và thanh toán.
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng SPA (Single Page Application).
Chức năng:
Xem Sản Phẩm: Người dùng có thể xem danh sách các sản phẩm mới nhất thông qua trang chủ (Home) và xem danh sách đầy đủ các sản phẩm trong trang "Shop".
Giỏ Hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng (Cart), cập nhật số lượng sản phẩm, hoặc xóa sản phẩm khỏi giỏ hàng thông qua các hàm xử lý trong App.js.
Thanh Toán: Quá trình thanh toán được xử lý trong trang Checkout, bao gồm nhập thông tin giao hàng và thanh toán.
Loader: Hiển thị loader (Spinner) khi dữ liệu đang được tải.
Responsive Design: Sử dụng CSS và Material-UI Grid để tạo giao diện thích ứng với các kích thước màn hình khác nhau.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Để 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 tất cả các phụ thuộc được liệt kê trong package.json.
npm install
V
Nguồn: Topcode.vn
