ĐĂNG NHẬP
Dự án này là một ứng dụng thương mại điện tử được xây dựng bằng React.js. Nó sử dụng các công nghệ và chức năng sau:
React.js: Một thư viện JavaScript phía máy khách được sử dụng để xây dựng giao diện người dùng.
Context API: Một API của React.js được sử dụng để quản lý trạng thái toàn cục. Trong dự án này, nó được sử dụng trong các tệp như filterContext.js, cartContext.js, và productContext.js.
Axios: Một thư viện JavaScript được sử dụng để thực hiện các yêu cầu HTTP. Nó được sử dụng trong productContext.js để lấy dữ liệu sản phẩm từ API.
Local Storage: Một API Web được sử dụng để lưu trữ dữ liệu người dùng trên trình duyệt của họ. Trong cartContext.js, nó được sử dụng để lưu trữ dữ liệu giỏ hàng.
Các chức năng chính của ứng dụng bao gồm:
Hiển thị sản phẩm: Sản phẩm được lấy từ API và hiển thị trong danh sách sản phẩm. Người dùng có thể chuyển đổi giữa chế độ xem lưới và chế độ xem danh sách.
Lọc sản phẩm: Người dùng có thể lọc sản phẩm theo các tiêu chí nhất định như màu sắc, giá, hãng, v.v.
Thêm sản phẩm vào giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng, tăng hoặc giảm số lượng sản phẩm trong giỏ hàng, và xóa sản phẩm khỏi giỏ hàng.
Lưu trữ giỏ hàng: Dữ liệu giỏ hàng được lưu trữ trong Local Storage, vì vậy nó không bị mất khi người dùng làm mới trang.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
npm i
npm start
Nguồn: Topcode.vn
CODE NỔI BẬT
Full source code Đồ án - Website tuyển dụng ReactJS
Quản lý nhân sự( Nodejs + mogoose + reactjs + sendMail)
Source code web bán hàng (NextJs, NodeJs)
Share code dự án - Website tuyển dụng và tìm kiếm việc làm ReactJS
Trang web thương mại điện tử bán đồ ăn ReactJs, Redux, fake data
CODE GẦN GIỐNG