Dự án "inNotion Care" là một ứng dụng thương mại điện tử được xây dựng sử dụng ReactJS và một backend giả lập sử dụng mockBee. Dưới đây là một số công nghệ và chức năng chính của dự án:
Công nghệ:
ReactJS: Một thư viện JavaScript để xây dựng giao diện người dùng.
MirageJS: Được sử dụng để tạo một API giả lập cho việc phát triển frontend mà không cần một backend thực sự.
React Router: Để quản lý định tuyến trong ứng dụng SPA (Single Page Application).
Context API: Được sử dụng để quản lý trạng thái toàn cục trong ứng dụng.
Chức năng:
Trang chủ với danh sách các danh mục nổi bật.
Trang danh sách sản phẩm với nhiều bộ lọc bao gồm giá, danh mục, đánh giá, và một thanh tìm kiếm để tìm sản phẩm cụ thể theo tên.
Trang chi tiết sản phẩm đơn lẻ.
Quản lý giỏ hàng và quản lý danh sách yêu thích.
Trang thanh toán và trang đặt hàng.
Xác thực người dùng (Đăng nhập, Đăng ký và Đăng xuất).
Trang không tìm thấy (404).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Cài đặt các phụ thuộc: Sử dụng npm (Node Package Manager) để cài đặt các gói phụ thuộc được liệt kê trong file package.json:
npm install
Chạy dự án: Sau khi đã cài đặt xong các phụ thuộc, bạn có thể chạy dự án trên máy cục bộ bằng cách sử dụng lệnh:
npm start
Lệnh này 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 tại địa chỉ http://localhost:3000.
Truy cập dự án: Mở trình duyệt và truy cập vào địa chỉ http://localhost:3000 để xem ứng dụng.
Nguồn: Topcode.vn
