Dự án "Shopping Cart" sử dụng các công nghệ sau:
HTML5: Được sử dụng để xây dựng cấu trúc của trang web. HTML5
CSS3: Được sử dụng để thiết kế giao diện người dùng của trang web. CSS3
JavaScript: Ngôn ngữ lập trình được sử dụng để thêm tính năng động cho trang web. JavaScript
Jest: Một framework testing cho JavaScript, được sử dụng để viết và chạy các bài test tự động. Jest
Chức năng chính của dự án:
Thêm sản phẩm vào giỏ hàng: Người dùng có thể thêm các sản phẩm vào giỏ hàng từ API của Mercado Livre.
Xem tổng số tiền của giỏ hàng: Người dùng có thể xem tổng số tiền của các sản phẩm đã thêm vào giỏ hàng.
Lưu trữ giỏ hàng: Dự án có khả năng lưu trữ giỏ hàng của người dùng vào local storage để khi quay lại trang, giỏ hàng vẫn được giữ nguyên.
Các file JavaScript trong thư mục helpers (fetchItem.js, fetchProducts.js, getSavedCartItems.js, saveCartItems.js) hỗ trợ các chức năng này bằng cách tương tác với API và local storage.
Là
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
npm run test
npm run test:coverage
npm run cypress:open
npm run cypress
npm run lint
npm run lint:styles
Mở dự án trong trình duyệt: Mở file index.html trong trình duyệt để xem ứng dụng