ự án "E-Commerce Online Shop Design" được xây dựng sử dụng các công nghệ HTML5, SCSS, và JavaScript. Dự án này là một trang web thương mại điện tử dành cho việc mua sắm trực tuyến, chủ yếu tập trung vào việc bán máy ảnh và phụ kiện liên quan. Dưới đây là một số chức năng chính của dự án:
Trang Chủ (index.html): Trang này giới thiệu về cửa hàng, bao gồm các sản phẩm nổi bật và thông tin quảng cáo. Trang chủ cũng có một menu điều hướng di động cho phép người dùng dễ dàng chuyển đến các phần khác của trang web. (index.html)
Trang Sản Phẩm (products.html): Trang này hiển thị danh sách các sản phẩm mà cửa hàng cung cấp. Người dùng có thể xem các sản phẩm và chọn mua chúng. Trang sản phẩm cũng bao gồm một thanh tìm kiếm cho phép người dùng tìm kiếm sản phẩm cụ thể. (products.html)
Trang Giỏ Hàng (shopping-cart.html): Trang này cho phép người dùng xem các sản phẩm đã thêm vào giỏ hàng của họ và tiến hành thanh toán. Trang giỏ hàng cũng hiển thị tổng số tiền của đơn hàng. (shopping-cart.html)
Thiết Kế Responsive: Website được thiết kế để tương thích với các thiết bị khác nhau, từ máy tính để bàn đến điện thoại di động, nhờ vào việc sử dụng SCSS và các kỹ thuật thiết kế web linh hoạt.
Tích Hợp JavaScript: JavaScript được sử dụng để thêm các chức năng tương tác như menu hamburger cho điều hướng di động, hiệu ứng khi người dùng tương tác với các phần tử trên trang, và quản lý giỏ hàng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Sử dụng Visual Studio Code Live Server
Mở dự án trong Visual Studio Code.
Cài đặt extension "Live Server".
Click chuột phải vào index.html trong Explorer của VS Code và chọn "Open with Live Server".