Công nghệ:
React: Thư viện JavaScript cho việc xây dựng giao diện người dùng.
Material-UI: Thư viện React UI cho các thành phần giao diện được thiết kế theo Material Design.
React Router: Thư viện để quản lý định tuyến trong ứng dụng web một trang.
Chức năng chính:
Hiển thị sản phẩm: Dự án có khả năng hiển thị danh sách sản phẩm. Mỗi sản phẩm được hiển thị trong một Card với thông tin chi tiết như tên, mô tả, giá cả và hình ảnh.
Chi tiết sản phẩm: Người dùng có thể xem chi tiết của mỗi sản phẩm bằng cách nhấp vào sản phẩm đó. Thông tin chi tiết sản phẩm được lấy từ API và hiển thị trong một trang riêng.
Định tuyến: Dự án sử dụng React Router để quản lý định tuyến, cho phép người dùng điều hướng giữa các trang khác nhau mà không cần tải lại trang web.
Giao diện người dùng đáp ứng: Sử dụng Material-UI và CSS, dự án cung cấp một giao diện người dùng đáp ứng, thân thiện với người dùng trên các thiết bị khác nhau.
Quay lại trang chính: Từ trang chi tiết sản phẩm, người dùng có thể quay lại trang chính bằng cách nhấp vào biểu tượng KeyboardBackspaceIcon.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
công nghệ và chức năng của dự án
npm install
yarn install
npm start
yarn start
Sau khi thực hiện xong các bước trên, dự án sẽ được chạy trên máy cục bộ và bạn có thể truy cập vào địa chỉ http://localhost:3000 trên trình duyệt để xem ứng dụng.
npm run build