Dự án Shopee Clone Typescript

Chức năng trong dự án:

Authentication Module:

Quản lý bằng JWT (JSON WEB TOKEN)

1. Đăng ký tài khoản
2. Đăng nhập
3. Đăng xuất

Trang danh sách sản phẩm:

1. Phân trang
2. Sort (sắp xếp) theo từng thuộc tính sản phẩm
3. Filter nâng cao theo từng thuộc tính sản phẩm
4. Loading Skeleton

Trang sản phẩm chi tiết:

1. Hiển thị thông tin chi tiết sản phẩm
2. Ảnh hiển thị theo slider + hover zoom effect
3. Mô tả thì hiển thị rich text dạng WYSIWYG HTML
4. Có chức năng mua hàng

Giỏ hàng:

1. Quản lý đơn hàng: Thêm, sửa, xoá sản phẩm
2. Mua hàng

Quản lý profile khách hàng

1. Update thông tin cá nhân
2. Upload Avatar
3. Đổi mật khẩu
4. Xem tình trạng đơn hàng

Công nghệ sử dụng trong dự án:

. UI / CSS Library: Tailwind CSS + Headless + MUI
. State Management: React Query cho async state và React Context cho state thường
. Form Management: React Hook Form
. Router: React Router
. Build Tool: Vite
. API Rest API của Dư Thanh Được
. Hỗ trợ đa ngôn ngữ với react.i18next
. Hỗ trợ SEO với React Helmet
. Mô hình hoá các component với story book
. Unit Test
. Validation: yup
. Axios - Lodash