Công nghệ:
HTML-CSS: Dùng để xây dựng cấu trúc và thiết kế giao diện người dùng.
JavaScript: Ngôn ngữ lập trình chính để thêm các chức năng tương tác với người dùng.
jQuery: Thư viện JavaScript giúp viết code ngắn gọn, dễ đọc hơn và xử lý các sự kiện, AJAX một cách dễ dàng.
AJAX: Sử dụng trong JavaScript và jQuery để thực hiện các yêu cầu HTTP asynchronus đến server mà không cần tải lại trang.
Responsive Design: Thiết kế web đáp ứng, tối ưu hóa trải nghiệm người dùng trên các thiết bị khác nhau từ desktop đến mobile.
Chức năng:
Hiển thị sản phẩm: Sử dụng AJAX để lấy dữ liệu sản phẩm từ API và hiển thị chúng trên trang chủ (home.js).
Chi tiết sản phẩm: Khi người dùng nhấp vào một sản phẩm, họ sẽ được chuyển đến trang chi tiết sản phẩm với thông tin chi tiết hơn (productDetails.html và productDetails.js).
Tìm kiếm sản phẩm: Người dùng có thể tìm kiếm sản phẩm thông qua thanh tìm kiếm. Kết quả tìm kiếm sẽ được hiển thị trên một trang riêng (search.html).
Quản lý giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và xem giỏ hàng của họ (cart.html, cart.js).
Chế độ tối: Người dùng có thể chuyển đổi giữa chế độ sáng và tối cho trang web (productDetails.js và home.js).
Responsive Mobile View: Trang web được thiết kế để tương thích với các thiết bị di động, đảm bảo trải nghiệm người dùng mượt mà trên mọi thiết bị (README.md).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Mở terminal hoặc command prompt.
Di chuyển đến thư mục dự án vừa tải về.
tải live server
mở bằng extension live server