Công nghệ:
React JS: Thư viện JavaScript cho việc xây dựng giao diện người dùng.
React Router: Thư viện cho việc quản lý định tuyến trong ứng dụng React.
React Context API + useReducer: Dùng cho việc quản lý trạng thái toàn cục của ứng dụng.
Vanilla CSS: Sử dụng CSS thuần để tạo kiểu cho ứng dụng.
Razorpay Payment Integration API: API tích hợp thanh toán.
Git: Công cụ quản lý phiên bản.
Netlify: Dịch vụ để triển khai và lưu trữ ứng dụng web.
Cloudinary: Dịch vụ lưu trữ ảnh trên đám mây.
Chức năng:
Trang chủ: Hiển thị các danh mục quần áo, sản phẩm nổi bật và xu hướng.
Trang danh sách sản phẩm: Cho phép lọc sản phẩm theo giá, danh mục và đánh giá. Người dùng có thể thêm sản phẩm vào giỏ hàng và danh sách yêu thích.
Tìm kiếm: Chức năng tìm kiếm sản phẩm.
Xác thực: Đăng nhập, đăng ký và đặt lại mật khẩu với xác thực.
Quản lý danh sách yêu thích: Người dùng có thể quản lý danh sách yêu thích của mình.
Quản lý giỏ hàng: Cập nhật số lượng, chuyển sản phẩm sang danh sách yêu thích, xóa khỏi giỏ hàng, tính toán giá thực tế, áp dụng mã giảm giá.
Trang hồ sơ người dùng: Hiển thị thông tin chi tiết của người dùng.
Quản lý địa chỉ: Thêm, chỉnh sửa và xóa địa chỉ với xác thực.
Trang thanh toán: Chọn địa chỉ giao hàng và tiến hành thanh toán.
Tích hợp thanh toán: Sử dụng API Razorpay để xử lý thanh toán.
Trang tổng kết đơn hàng: Hiển thị tất cả các đơn hàng của người dùng.
Phân trang: Hiển thị 6 sản phẩm trên mỗi trang.
Thông báo: Hiển thị thông báo cho người dùng về các hoạt động thành công hoặc thất bại.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Để cài đặt dự án, bạn cần thực hiện các bước sau:
Clone dự án từ GitHub:
Chuyển vào thư mục dự án:
Cài đặt các gói phụ thuộc:
Khởi chạy dự án:
cd Clothnest
npm install
npm start
Nguồn: Topcode.vn
