ĐĂ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
Source code web bán hàng (NextJs, NodeJs)
Quản lý nhân sự( Nodejs + mogoose + reactjs + sendMail)
React Native app hỗ trợ luyện tập, ôn tập từ vựng tiếng anh
Source code web xem phim siêu đẹp
Code đồ án Website xem phim NodeJs + ReactJs (MERN) + database full chức năng đi kèm
CODE GẦN GIỐNG