Dự án này là một trang web thương mại điện tử được xây dựng bằng React, một thư viện JavaScript phổ biến để xây dựng giao diện người dùng. Dự án sử dụng Redux để quản lý trạng thái ứng dụng và React Router để xử lý điều hướng trang.
Các chức năng chính của dự án bao gồm:
-
Hiển thị sản phẩm: Sản phẩm được hiển thị trong danh sách với thông tin chi tiết được hiển thị khi người dùng nhấp vào mỗi sản phẩm. Xem ProductDetailsCard
.
-
Giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và điều chỉnh số lượng sản phẩm trong giỏ hàng. Xem MyCartProductList
.
-
Thanh điều hướng: Thanh điều hướng cho phép người dùng chuyển đổi giữa các trang khác nhau của ứng dụng. Xem Navbar
.
-
Thông báo Snackbar: Thông báo Snackbar được sử dụng để hiển thị thông báo cho người dùng, ví dụ: khi một sản phẩm được thêm vào giỏ hàng. Xem additionalUtilitiesReducer
và ParentComponent
.
-
Điều chỉnh kích thước màn hình: Dự án này cũng điều chỉnh giao diện người dùng dựa trên kích thước màn hình. Xem additionalUtilitiesReducer
và ParentComponent
.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt và chạy dự án này, bạn cần thực hiện các bước sau:
-
tải dự án
-
Mở terminal và di chuyển đến thư mục dự án.
-
Chạy lệnh sau để cài đặt các gói phụ thuộc:
-
Sau khi cài đặt xong, bạn có thể chạy dự án trong chế độ phát triển bằng cách sử dụng lệnh sau:
Dự án sẽ chạy ở địa chỉ http://localhost:3000 trên trình duyệt của bạn.
Để xây dựng dự án cho môi trường sản xuất, bạn có thể sử dụng lệnh sau:
Lệnh này sẽ tạo ra một thư mục build
chứa tất cả các tệp tin cần thiết để triển khai dự án.