Dự án này là một trang web thương mại điện tử cho một công ty thời trang, được phát triển sử dụng React.js. Công nghệ và chức năng chính của dự án bao gồm:
React.js: Là thư viện JavaScript được sử dụng để xây dựng giao diện người dùng (UI) cho trang web. React giúp tạo ra các thành phần UI tái sử dụng và quản lý trạng thái của ứng dụng một cách hiệu quả.
React Router: Được sử dụng để xử lý định tuyến trong ứng dụng một trang (SPA). Điều này 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. Xem trong App.js.
Styled-components: Thư viện này cho phép viết CSS trong JavaScript, giúp tạo ra các thành phần có style độc lập. Điều này được sử dụng trong việc thiết kế giao diện, ví dụ như trong Slider.jsx.
State Management with useState Hook: React Hook useState được sử dụng để quản lý trạng thái trong các thành phần chức năng, như việc quản lý chỉ số của slide hiện tại trong Slider.jsx.
Fetching Data: Dữ liệu cho ứng dụng được lấy từ một file cố định, Data.js, mô phỏng việc lấy dữ liệu từ một API như UnSplash API.
Deployment: Dự án được cấu hình để triển khai sử dụng gh-pages, một công cụ giúp triển khai trang web lên GitHub Pages.
Chức năng chính của trang web bao gồm hiển thị sản phẩm, quản lý giỏ hàng, và điều hướng giữa các trang sản phẩm khác nhau. Người dùng có thể xem các sản phẩm, thêm sản phẩm vào giỏ hàng, và xem chi tiết từng sản phẩm.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Mở Terminal hoặc Command Prompt.
nhớ sử dụng địa chỉ repository của dự án này.
Di chuyển vào thư mục dự án vừa clone về bằng cách sử dụng lệnh cd trên Terminal hoặc Command Prompt.
Chạy lệnh sau để cài đặt các gói phụ thuộc:\
npm install
npm start
npm run build
npm run deploy