Dự án này được xây dựng sử dụng công nghệ React, Redux cho quản lý trạng thái, và Axios để thực hiện các yêu cầu HTTP. Dự án được khởi tạo bằng Create React App, một bộ công cụ phổ biến để tạo ứng dụng React một cách nhanh chóng.
Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng.
Redux: Một thư viện quản lý trạng thái ứng dụng cho JavaScript.
Axios: Một thư viện JavaScript được sử dụng để thực hiện các yêu cầu HTTP từ node.js hoặc XMLHttpRequests từ trình duyệt.
Chức năng chính:
Hiển thị sản phẩm: Dự án có khả năng hiển thị thông tin sản phẩm. Các sản phẩm được tải từ một API thông qua Axios và lưu trữ trong trạng thái Redux. Xem getProduct và ALL để biết thêm chi tiết.
Hiển thị chi tiết sản phẩm: Người dùng có thể xem chi tiết của một sản phẩm cụ thể. Thông tin chi tiết sản phẩm được tải từ API và hiển thị khi người dùng yêu cầu. Xem getSingleProduct và single để biết thêm chi tiết.
Quản lý trạng thái UI: Dự án sử dụng Redux để quản lý trạng thái UI, bao gồm trạng thái tải và lỗi khi tải dữ liệu từ API. Xem SingleProduct để biết cách trạng thái được sử dụng để hiển thị UI tương ứng.
Cấu hình Redux: Dự án cấu hình Redux Store và kết nối với React thông qua Provider. Xem index.js để xem cách Store được cung cấp cho ứng dụng React.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để 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 đã cài đặt.
Di chuyển đến thư mục dự án bằng cách sử dụng lệnh cd, ví dụ: cd c:/Users/PC/innerhour-task.
Chạy lệnh npm install để cài đặt tất cả các phụ thuộc được liệt kê trong package.json.