Dự án này là một ứng dụng thương mại điện tử được xây dựng bằng React. Dưới đây là một số công nghệ và chức năng chính:
Công nghệ:
-
React: Dự án sử dụng thư viện React để xây dựng giao diện người dùng.
-
Reactstrap: Được sử dụng để tạo các thành phần giao diện người dùng dựa trên Bootstrap.
-
Framer Motion: Được sử dụng để thêm hiệu ứng chuyển động vào các thành phần.
-
React Router Dom: Được sử dụng để quản lý định tuyến trong ứng dụng.
-
Redux: Được sử dụng để quản lý trạng thái toàn cục của ứng dụng.
-
Firebase: Được sử dụng để xác thực người dùng và lưu trữ dữ liệu.
Chức năng:
-
Trang chủ: Hiển thị danh sách các sản phẩm nổi bật, bán chạy nhất, sản phẩm di động, sản phẩm không dây và sản phẩm phổ biến.
-
Trang chi tiết sản phẩm: Hiển thị thông tin chi tiết về một sản phẩm cụ thể.
-
Giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và xem giỏ hàng của họ.
-
Đăng nhập/Đăng xuất: Người dùng có thể đăng nhập và đăng xuất khỏi ứng dụng.
-
Dịch vụ: Hiển thị danh sách các dịch vụ được cung cấp.
Các file chính:
-
Home.js: Trang chủ
-
ProductDetails.js: Trang chi tiết sản phẩm
-
services.js: Dịch vụ
-
ProductCard.js: Thẻ sản phẩm
-
Header.js: Đầu trang
-
firebase.config.js: Cấu hình Firebase
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:
Đảm bảo bạn đã cài đặt Node.js và npm trên máy tính của bạn. Bạn có thể kiểm tra bằng cách mở terminal và chạy các lệnh sau:
Clone dự án từ GitHub hoặc tải xuống mã nguồn.
Mở terminal và điều hướng đến thư mục dự án.
Chạy lệnh sau để cài đặt các dependencies cần thiết:npm install
Sau khi cài đặt xong, bạn có thể chạy dự án bằng cách sử dụng lệnh sau:npm start