là một trang web thương mại điện tử với các chức năng và công nghệ sau:
Chức năng:
Lấy sản phẩm từ máy chủ: Dự án sử dụng Axios để thực hiện các yêu cầu HTTP đến máy chủ và lấy dữ liệu sản phẩm. Xem trong products_context.js.
Lọc Sản Phẩm: Người dùng có thể lọc sản phẩm theo văn bản, công ty, màu sắc, danh mục, giá cả và tùy chọn giao hàng. Xem trong filter_context.js và filter_reducer.js.
Chức năng Giỏ Hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và quản lý chúng. Các chi tiết cụ thể về chức năng giỏ hàng có thể được tìm thấy trong các reducer và context liên quan.
Router Riêng Tư: Dự án sử dụng React Router để quản lý định tuyến và bao gồm các đường dẫn riêng tư, yêu cầu người dùng phải xác thực. Xem trong App.js và PrivateRoute.js.
OAuth2: Dự án hỗ trợ xác thực OAuth2, mặc dù chi tiết cụ thể về việc triển khai không được cung cấp trong các đoạn mã được chia sẻ.
Công nghệ:
React Js: Là thư viện JavaScript cho việc xây dựng giao diện người dùng.
Context API: Được sử dụng cho quản lý trạng thái ứng dụng, cho phép truyền dữ liệu qua cây thành phần mà không cần sử dụng props.
React Router: Thư viện định tuyến cho React, cho phép bạn thực hiện định tuyến trong ứng dụng một cách dễ dàng.
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 trong terminal hoặc command prompt:
Đảm bảo bạn đã cài đặt Node.js và npm. Bạn có thể kiểm tra bằng cách chạy node -v và npm -v trong terminal để xem phiên bản.
Di chuyển đến thư mục gốc của dự án bằng cách sử dụng lệnh cd, ví dụ: cd c:/Users/PC/comfly-sloth.
Chạy lệnh npm install để cài đặt tất cả các phụ thuộc được liệt kê trong package.json.
Sau khi hoàn tất, bạn có thể khởi động dự án bằng cách sử dụng lệnh npm start.
Lệnh này sẽ khởi động một máy chủ phát triển và mở dự án trong trình duyệt mặc định của bạn.
npm install
npm start