Công nghệ sử dụng:
Front-End: ReactJS, React Router DOM
Back-End: Express JS, MongoDB
Headless CMS: Sanity
Payment Gateway: Razorpay
Styling: Sass
State Management: Context API, useReducer()
Form Handling: Formik, Yup
Chức năng:
Đăng ký người dùng: Người dùng có thể tạo tài khoản thông qua trang đăng ký.
Wishlist và Giỏ hàng: Người dùng có thể thêm giày vào danh sách ưa thích hoặc giỏ hàng để tham khảo hoặc mua hàng sau này.
Lọc: Cung cấp các tùy chọn lọc toàn diện dựa trên thương hiệu, loại giày, và phạm vi giá.
Cổng thanh toán: Tích hợp với Razorpay để xử lý thanh toán một cách an toàn và liền mạch.
Quản lý nội dung: Nội dung được quản lý bằng CMS không đầu Sanity.
Quản lý trạng thái toàn cầu: Sử dụng Context API và useReducer để quản lý trạng thái ứng dụng.
Định tuyến: Sử dụng React Router DOM để điều hướng trang một cách mượt mà.
Styling: Sử dụng Sass cho việc thiết kế, mang lại trải nghiệm hấp dẫn về mặt hình ảnh.
Xử lý biểu mẫu: Sử dụng thư viện Formik và Yup cho việc quản lý và xác thực biểu mẫu một cách hiệu quả.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
npm install
npm start
npm run dev
Truy cập ứng dụng: Sau khi khởi động, bạn có thể truy cập ứng dụng thông qua trình duyệt tại địa chỉ mà Vite cung cấp, thường là http://localhost:3000.
(Tùy chọn) Cài đặt và khởi động server: Nếu dự án yêu cầu một server backend (ví dụ: Express server), bạn cần thực hiện thêm các bước cài đặt và khởi động server theo hướng dẫn. Tuy nhiên, dựa trên thông tin hiện có, không rõ dự án này có yêu cầu một server backend hay không.
Nguồn: Topcode.vn
