Dự án này là một ứng dụng web phía trước được xây dựng bằng Next.js, một khung JavaScript dựa trên React. Dự án sử dụng Tailwind CSS để xây dựng giao diện người dùng và Ant Design để cung cấp các thành phần giao diện người dùng.
Các chức năng chính của dự án bao gồm:
-
Xác thực người dùng: Dự án này sử dụng một ngữ cảnh xác thực, được xác định trong AuthProvider.js. Ngữ cảnh này sử dụng hook useLoginHandeler.js để xử lý việc đăng nhập và đăng xuất.
-
Quản lý trạng thái ứng dụng: Dự án này sử dụng một ngữ cảnh ứng dụng, được xác định trong ContextProvider.js. Ngữ cảnh này quản lý trạng thái của người dùng, giỏ hàng và danh sách yêu thích.
-
Quản lý trạng thái cục bộ: Dự án này sử dụng localStorage để lưu trữ trạng thái cục bộ cho người dùng, giỏ hàng và danh sách yêu thích.
-
Quản lý định tuyến: Dự án này sử dụng Next.js để quản lý định tuyến. Các trang được xác định trong thư mục pages.
-
Quản lý giao diện người dùng: Dự án này sử dụng các thành phần React để xây dựng giao diện người dùng. Các thành phần này được tổ chức trong thư mục components.
-
Quản lý API: Dự án này sử dụng các hằng số API được xác định trong apiconstants.js để tương tác với các dịch vụ web.
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, hãy thực hiện các bước sau:
tải code
Mở terminal và điều hướng đến thư mục dự án.
Chạy lệnh sau để cài đặt các gói phụ thuộc:
npm install
Sau khi tất cả các gói phụ thuộc đã được cài đặt, chạy lệnh sau để khởi động dự án:
npm run dev
Dự án sẽ chạy ở địa chỉ http://localhost:3000 trên trình duyệt của bạn.
Lưu ý: Đảm bảo bạn đã cài đặt Node.js và npm trên máy tính của bạn trước khi thực hiện các bước này.