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ục đích chính của dự án này là để thể hiện kỹ năng React của tác giả trong danh mục đầu tư của họ.
Các công nghệ và chức năng chính bao gồm:
-
React: Đây là thư viện JavaScript chính được sử dụng để xây dựng giao diện người dùng của trang web.
-
Firebase: Được sử dụng để xác thực người dùng và lưu trữ dữ liệu người dùng. Xem thêm tại firebase.utils.js.
-
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng. Xem thêm tại App.js.
-
Sass: Được sử dụng để viết CSS cho trang web.
Các chức năng chính của trang web bao gồm:
-
Đăng nhập và đăng ký: Người dùng có thể đăng nhập và đăng ký thông qua trang SignInAndSignUpPage.
-
Xem sản phẩm: Người dùng có thể xem các sản phẩm được bán trên trang web thông qua trang ShopPage.
-
Thanh điều hướng: Thanh điều hướng cho phép người dùng dễ dàng di chuyển giữa các trang khác nhau của trang web. Xem thêm tại Header.
-
Thông báo từ chối trách nhiệm: Thông báo từ chối trách nhiệm được hiển thị ở đầu trang web, thông báo rằng trang web này chỉ dùng cho mục đích minh họa. Xem thêm tại Disclaimer.
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:
-
Clone dự án từ kho lưu trữ Git.
-
Chạy lệnh npm install để cài đặt các gói phụ thuộc được liệt kê trong package.json.
cd <repository-name>
npm install
Sau khi cài đặt các gói phụ thuộc, bạn có thể chạy dự án bằng cách sử dụng lệnh npm start
Điều này sẽ khởi chạy dự án trong chế độ phát triển. Mở http://localhost:3000 để xem nó trong trình duyệt.
Nếu bạn muốn tạo một bản build sản phẩm, sử dụng lệnh npm run build
Điều này sẽ tạo ra một bản build tối ưu trong thư mục build.