Dự án bạn đang làm việc là một trang web bán hàng cho adidas® Originals. Dựa trên cấu trúc thư mục và đoạn mã bạn đã cung cấp, dự án này sử dụng HTML, CSS và JavaScript.
Các chức năng chính của dự án này bao gồm:
-
Hiển thị sản phẩm: Trong file js/products.js, các sản phẩm được tạo và thêm vào một mảng products. Mỗi sản phẩm được tạo bằng cách sử dụng hàm Product với các thông tin như ID, tên, giá và đường dẫn hình ảnh.
-
Hiển thị giỏ hàng: Trang web có một biểu tượng giỏ hàng, và khi người dùng thêm sản phẩm vào giỏ hàng, chúng sẽ được hiển thị trong phần "Your Cart".
-
Xóa tất cả sản phẩm khỏi giỏ hàng: Có một nút "Delete all" cho phép người dùng xóa tất cả sản phẩm khỏi giỏ hàng.
-
Tính toán tổng số tiền: Tổng số tiền của các sản phẩm trong giỏ hàng được hiển thị trong phần "Total".
-
Mua sản phẩm: Có một nút "Buy" để người dùng mua các sản phẩm trong giỏ hàng.
Dự án này cũng sử dụng một số thư viện bên ngoài như Bootstrap và Boxicons.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt và chạy dự án này, bạn cần làm theo các bước sau:
Đảm bảo bạn đã cài đặt Node.js và npm (Node Package Manager) trên máy tính của bạn. Bạn có thể tải Node.js và npm tại đây.
Tải xuống mã nguồn dự án.
Mở Terminal hoặc Command Prompt và điều hướng đến thư mục chứa dự án.
Chạy dự án bằng cách mở tệp index.html trong trình duyệt của bạn.
Lưu ý: Dự án này là một ứng dụng phía trước đơn giản và không yêu cầu bất kỳ máy chủ phía sau nào hoặc cơ sở dữ liệu. Tất cả dữ liệu được lưu trữ trong localStorage của trình duyệt.