Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React (React) cho việc xây dựng các thành phần giao diện.
React Router: Dùng để quản lý định tuyến trong ứng dụng web dựa trên React. Dự án sử dụng React Router (react-router-dom) cho việc điều hướng giữa các trang.
Commerce.js: Một SDK eCommerce dành cho các nhà phát triển, cho phép tạo ra các giải pháp mua sắm trực tuyến một cách dễ dàng. Dự án sử dụng Commerce.js (@chec/commerce.js) để xử lý các chức năng liên quan đến thương mại điện tử.
React Icons: Thư viện cung cấp các biểu tượng phổ biến dùng trong React. Dự án sử dụng React Icons (react-icons) để hiển thị các biểu tượng.
Chức năng:
Hiển thị sản phẩm: Trang sản phẩm (Product.jsx) cho phép người dùng xem thông tin chi tiết về sản phẩm, bao gồm hình ảnh, giá cả, và một nút để thêm sản phẩm vào giỏ hàng.
Quản lý giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và xem tổng số lượng sản phẩm trong giỏ hàng thông qua biểu tượng giỏ hàng.
Thanh toán: Trang thanh toán (Checkout.jsx) cung cấp một biểu mẫu cho người dùng nhập thông tin và xem tổng kết đơn hàng trước khi hoàn tất mua hàng.
Xử lý đơn hàng: Dự án có khả năng xử lý thông tin đơn hàng và thông tin người dùng thông qua các thành phần và hàm được xây dựng sẵn.
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 chạy các lệnh sau trong terminal của Visual Studio Code:
Đầu tiên, cài đặt các gói phụ thuộc bằng cách chạy:
npm install
npm start
npm run build
Lệnh này sẽ tạo ra một thư mục build/ chứa phiên bản tối ưu hóa của dự án, sẵn sàng để được triển khai.
Bạn có thể tìm thấy các lệnh này và hơn thế nữa trong tệp package.json.