Công nghệ:
React.js: Là thư viện JavaScript để xây dựng giao diện người dùng, dự án sử dụng React cho cả front-end và các thành phần UI.
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng SPA (Single Page Application).
CSS: Dùng để thiết kế và tùy chỉnh giao diện, với các file như App.css và index.css, cũng như sử dụng các file CSS từ bên thứ ba.
Mockman-js: Một công cụ giả lập API để phát triển và kiểm thử front-end mà không cần back-end thực sự.
Chức năng:
Quản lý sản phẩm: Có các API và trang liên quan đến việc hiển thị danh sách sản phẩm (products-list-api.jsx), chi tiết sản phẩm, và quản lý danh mục sản phẩm (getCategory.jsx).
Quản lý người dùng: Đăng nhập, đăng ký, và quản lý thông tin người dùng thông qua các trang như Login, SignUp, và Profile.
Quản lý giỏ hàng và wishlist: Các chức năng thêm, xóa, và cập nhật sản phẩm trong giỏ hàng và wishlist thông qua các hook như useOperations và các API tương ứng (cart-api.jsx, wishlist-api.jsx).
Quản lý địa chỉ: Thêm, xóa, và cập nhật địa chỉ giao hàng cho người dùng thông qua address-api.jsx.
Bảo mật: Sử dụng token để xác thực người dùng và bảo vệ các tuyến đường cần quyền truy cập thông qua RequiresAuth.
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 này, bạn cần thực hiện các bước sau trong terminal hoặc command prompt:
Đảm bảo bạn đã cài đặt Node.js và npm. Bạn có thể kiểm tra bằng cách chạy node -v và npm -v trong terminal để xem phiên bản.
Clone dự án về máy hoặc nếu bạn đã có sẵn, hãy chuyển đến thư mục dự án.
Chạy npm install để cài đặt các dependencies được liệt kê trong package.json.
Sau khi cài đặt xong, bạn có thể chạy dự án bằng cách sử dụng lệnh npm start như được mô tả trong package.json.
npm install
npm start
Lệnh npm start sẽ khởi động một máy chủ phát triển và mở dự án trong trình duyệt mặc định của bạn.
Nguồn: Topcode.vn
