Dự án E-Commerce này được xây dựng sử dụng một số công nghệ và thư viện chính sau đây:
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ả ứng dụng client-side, được thể hiện qua việc sử dụng các thành phần (components) và trang (pages) trong thư mục src/.
Redux: Một thư viện quản lý trạng thái ứng dụng, được sử dụng để quản lý trạng thái toàn cục của ứng dụng, như là dữ liệu giỏ hàng, thông tin người dùng, v.v. Thư mục src/redux/ chứa cấu hình và logic liên quan đến Redux.
React Router: Thư viện để xử lý định tuyến trong ứng dụng React. Điều này cho phép ứng dụng chuyển giữa các trang khác nhau mà không cần tải lại trang. Cấu hình định tuyến được thực hiện trong App.jsx với sự hỗ trợ của react-router-dom.
Tailwind CSS: Một framework CSS utility-first cho việc xây dựng thiết kế mà không cần viết CSS từ đầu. Dự án sử dụng Tailwind CSS cho việc thiết kế giao diện, được cấu hình trong tailwind.config.js.
React Redux: Được sử dụng để kết nối React với Redux, cho phép các thành phần React có thể truy cập vào trạng thái Redux và thực hiện các hành động.
Các thư viện khác: Dự án cũng sử dụng các thư viện như react-hot-toast, react-icons, react-paginate, react-spinners, react-toastify, styled-components, v.v. để thêm các chức năng và cải thiện trải nghiệm người dùng.
Chức năng chính của dự án bao gồm:
Hiển thị sản phẩm: Người dùng có thể xem các sản phẩm được cung cấp thông qua trang Shop và các thành phần liên quan đến sản phẩm.
Giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và quản lý giỏ hàng của họ.
Định tuyến và điều hướng: Người dùng có thể điều hướng giữa các trang khác nhau như Home, Shop, Blog, About, Contact, và Order thông qua định tuyến được cài đặt.
Thiết kế đáp ứng: Sử dụng Tailwind CSS, dự án được thiết kế để đáp ứng trên các thiết bị khác nhau.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Để cài đặt dự án này, bạn cần thực hiện các bước sau:
Mở Terminal hoặc Command Prompt.
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/t/E-Commerce-Projcect).
Chạy lệnh npm install để cài đặt các phụ thuộc được liệt kê trong package.json.
Nguồn: Topcode.vn
