Dự án này là một ứng dụng web thương mại điện tử được xây dựng bằng React. Nó sử dụng thư viện Material-UI để tạo giao diện người dùng và React Router để điều hướng giữa các trang.
Các chức năng chính của ứng dụng bao gồm:
-
Hiển thị danh sách sản phẩm: Được thực hiện trong file Products.js và Product.js.
-
Thêm sản phẩm vào giỏ hàng: Được thực hiện trong file Product.js.
-
Hiển thị giỏ hàng: Được thực hiện trong file Cart.js và CartItem.js.
-
Thanh toán: Được thực hiện trong file CheckoutForm.
Ứng dụng này sử dụng thư viện Commerce.js để xử lý các hoạt động thương mại điện tử như quản lý sản phẩm và giỏ hàng. Thư viện này được import trong file commerce.js.
Để chạy dự án, bạn có thể sử dụng các lệnh được định nghĩa trong file package.json, như npm start để chạy ứng dụng trong chế độ phát triển và npm run build để tạo bản build sản phẩm.
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:
Chạy lệnh npm install để cài đặt các gói phụ thuộc được liệt kê trong package.json.
Tạo một tệp .env trong thư mục gốc của dự án và thêm các khóa công khai từ Chec và Stripe. Đây là một ví dụ về cách tệp .env của bạn có thể trông như thế nào dựa trên mã bạn đã cung cấp:
REACT_APP_CHEC_PUBLIC_KEY=pk_test_2768442342e3f5b82d4a0b21d076ff5545d7b979a7a15REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51IvgCmSIQhW3TLFf47AJUO9Z5k9GSsinTE2jVKS7VkdKCDSbBeuL3u7UBBSzWo2Xshn03yt2AlZkKuVuuSOx0CFC00lX53fk0H
Chạy lệnh npm start để khởi động dự án trong chế độ phát triển.