Dự án Reactify được phát triển bằng React.js với Next.js và TailwindCSS. Dưới đây là một số chức năng chính của ứng dụng:
-
Tìm kiếm sản phẩm: Cho phép người dùng tìm kiếm sản phẩm theo danh mục và tiêu đề để tìm kiếm sản phẩm mong muốn dễ dàng hơn.
-
Thêm vào giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng chỉ với một cú nhấp chuột, giúp việc chọn và mua nhiều mặt hàng trở nên dễ dàng hơn.
-
Lịch sử đơn hàng: Cung cấp lịch sử đơn hàng nơi người dùng có thể xem lại và theo dõi các giao dịch mua hàng trước đó.
-
Chế độ tối: Cung cấp tùy chọn chế độ tối để tăng cường trải nghiệm người dùng trong điều kiện ánh sáng yếu.
-
Ứng dụng Web Tiến bộ (PWA): Reactify là một Ứng dụng Web Tiến bộ, cho phép người dùng cài đặt nó trên thiết bị của họ và sử dụng nó ngoại tuyến.
-
Quản lý dữ liệu người dùng: Ứng dụng hiện quản lý dữ liệu người dùng cho đăng nhập/đăng ký bằng cách lưu trữ nó trong localStorage.
-
Bảo vệ tuyến đường sơ bộ: Thực hiện bảo vệ tuyến đường sơ bộ bằng cách chuyển hướng người dùng đến trang đăng nhập nếu họ chưa tạo tài khoản hoặc chưa đăng nhập.
-
Tích hợp API Fake Store: Trang web sử dụng API Fake Store để lấy dữ liệu sản phẩm.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt và chạy Reactify trên máy cục bộ, hãy làm theo các bước sau:
Clone kho lưu trữ:
Di chuyển đến thư mục dự án: cd reactify-nextjs
Cài đặt các phụ thuộc: npm install
Khởi động máy chủ phát triển: npm run dev
Mở trình duyệt của bạn và truy cập http://localhost:3000 để truy cập Reactify.