Dự án "the-supe-store" được xây dựng dựa trên công nghệ React và sử dụng MirageJS để mô phỏng API backend. Dự án này là một ứng dụng web thương mại điện tử với các chức năng chính sau:
Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React cho cả frontend (App.js) và quản lý trạng thái ứng dụng thông qua Context API (Context).
MirageJS: Một thư viện mô phỏng API, giúp mô phỏng các hoạt động backend như xử lý đăng nhập/đăng ký, quản lý giỏ hàng, sản phẩm, danh mục, và danh sách yêu thích (server.js).
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng SPA (Single Page Application).
React Toastify: Để hiển thị thông báo.
CSS Modules và CSS thông thường: Để style ứng dụng (Home.js).
Chức năng:
Xác thực người dùng: Đăng nhập và đăng ký thông qua các handler được mô phỏng bởi MirageJS.
Quản lý giỏ hàng: Thêm, xóa, cập nhật số lượng sản phẩm trong giỏ hàng.
Quản lý danh sách yêu thích: Thêm và xóa sản phẩm từ danh sách yêu thích.
Quản lý sản phẩm: Xem danh sách sản phẩm và thông tin chi tiết của sản phẩm.
Quản lý danh mục: Xem danh sách các danh mục sản phẩm.
Quản lý địa chỉ: Thêm, xóa, cập nhật địa chỉ giao hàng.
Tích hợp các Custom Hooks: Để tối ưu hóa việc sử dụng các chức năng phổ biến như gọi API (useAxios.js) và cập nhật tiêu đề trang (useDocument.js).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Mở terminal hoặc command prompt.
Di chuyển đến thư mục chứa dự án bằng cách sử dụng lệnh cd:
cd c:/Users/PC/the-supe-store
npm install
npm start
Nguồn: Topcode.vn
