Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React cho phần lớn giao diện người dùng, bao gồm các trang và thành phần (App, ErrorBoundary, GlobalStyle, v.v.).
React Query: Thư viện để quản lý trạng thái và đồng bộ hóa dữ liệu từ xa trong ứng dụng React (main.jsx).
Axios: Được sử dụng để thực hiện các yêu cầu HTTP đến API (axiosInstance.js).
Ant Design: Một thư viện thiết kế UI cho React, sử dụng để xây dựng giao diện người dùng với các thành phần sẵn có như Button, Form, Input (AccountPage).
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng một trang (SPA) (routers).
Chức năng:
Xác thực người dùng: Quản lý đăng nhập, đăng ký và trạng thái xác thực của người dùng thông qua AuthProvider và các hook như useAuth.
Quản lý giỏ hàng: Cho phép người dùng thêm, xóa sản phẩm từ giỏ hàng, và tính toán tổng giá tiền thông qua CartProvider và các hook liên quan như useCart.
Thông báo: Hiển thị thông báo cho người dùng với NotifyProvider và hook useNotify.
Cập nhật thông tin người dùng: Cho phép người dùng cập nhật thông tin cá nhân của họ thông qua trang AccountPage.
Demo: https://drive.google.com/file/d/1GFtvYaDn2X3viOYmfUT3MnVlw_8JuV14/view?usp=sharing
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Đầu tiên, mở terminal trong Visual Studio Code bằng cách sử dụng tổ hợp phím Ctrl + `` hoặc chọn từ menu View > Terminal`.
Đảm bảo bạn đang ở trong thư mục gốc của dự án (fashion-shop).
Chạy lệnh sau để cài đặt các gói phụ thuộc qua npm (Node Package Manager). Nếu dự án sử dụng yarn, bạn có thể sử dụng yarn thay thế.
npm install
yarn install
Sau khi hoàn tất, bạn sẽ có tất cả các gói phụ thuộc cần thiết được cài đặt, và dự án sẽ sẵn sàng để được phát triển hoặc chạy.
Nguồn: Topcode.vn
