Công nghệ sử dụng:
Frontend: HTML, CSS, và JavaScript
Backend: JavaScript
Database: LocalStorage (Lưu trữ dữ liệu tạm thời)
Chức năng:
Người dùng có thể sắp xếp và lọc sản phẩm theo danh mục của chúng.
Người dùng có thể thêm sản phẩm vào giỏ hàng.
Người dùng có thể thấy loader đang tải trên trang trong khi API đang lấy sản phẩm.
Nếu có bất kỳ lỗi nào xảy ra trong khi nhận phản hồi từ máy chủ thì một cảnh báo sẽ hiện lên với thông báo lỗi.
Mỗi khi một sản phẩm mới được thêm vào hoặc loại bỏ khỏi giỏ hàng, UI sẽ được cập nhật tương ứng.
Sẽ có một nút Giỏ hàng mà khi nhấp vào sẽ chuyển hướng người dùng đến trang giỏ hàng, nơi người dùng có thể xem tất cả sản phẩm trong giỏ hàng.
Tổng số tiền giỏ hàng sẽ được cập nhật mỗi khi một mặt hàng mới được thêm vào hoặc loại bỏ khỏi giỏ hàng.
Lưu trữ cục bộ
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt dự án, bạn cần thực hiện các bước sau:
tải code
Di chuyển đến thư mục dự án E-Com-LocalStorage.
Sao chép đường dẫn của tệp index.html và mở nó trong trình duyệt của bạn để truy cập trang đăng ký người dùng.