Dự án "Online Store Website" được mô tả trong README.md sử dụng công nghệ HTML, CSS, và JavaScript để xây dựng một cửa hàng trực tuyến cơ bản. Dự án này nhằm mục đích áp dụng kiến thức về Lập trình Hướng Đối Tượng (OOP) và cải thiện kỹ năng trong việc sử dụng JavaScript cũng như HTML & CSS. Dưới đây là một số chức năng chính của dự án:
Lưu trữ dữ liệu mua hàng: Sử dụng localStorage để lưu trữ dữ liệu mua hàng từ người dùng. Điều này được thực hiện thông qua script cart_btn.js.
Trang giỏ hàng: Hiển thị tất cả các mặt hàng mà người dùng đã chọn mua. Chức năng này được xử lý bởi cart_page.js.
Popup: Hiển thị một popup khi người dùng nhấn vào nút 'Introduction' hoặc 'Car history'. Được quản lý bởi pop_up.js.
Tạo và quản lý sản phẩm: Các đối tượng sản phẩm với các thuộc tính và phương thức của chúng được tạo và quản lý thông qua product_class.js.
Lọc sản phẩm: Cho phép người dùng lọc sản phẩm trên trang chủ dựa trên các tiêu chí nhất định, được thực hiện bởi product_filter.js.
Tạo sản phẩm từ JSON: Lấy dữ liệu sản phẩm từ file JSON và chuyển đổi chúng thành các đối tượng sản phẩm dựa trên danh mục. Chức năng này được xử lý bởi product_generator.js.
Trang sản phẩm: Hiển thị dữ liệu sản phẩm dựa trên ID sản phẩm được cung cấp. Được quản lý bởi product_page.js.
Dự án cũng bao gồm một số trang HTML và CSS để xây dựng giao diện người dùng của cửa hàng trực tuyến, cũng như một file JSON chứa dữ liệu sản phẩm.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Cài đặt các phụ thuộc: Dự án này chủ yếu sử dụng HTML, CSS, và JavaScript nên không yêu cầu cài đặt phụ thuộc từ bên thứ ba qua npm hoặc yarn. Tuy nhiên, nếu có sử dụng thư viện từ bên thứ ba (ví dụ: jQuery được sử dụng trong cart.html), hãy đảm bảo rằng bạn đã kết nối đúng các CDN hoặc tải về các tệp thư viện cần thiết.
Khởi chạy dự án: Bạn có thể sử dụng một máy chủ HTTP đơn giản để phục vụ các tệp của dự án. Một trong những cách đơn giản nhất là sử dụng http-server từ npm. Cài đặt http-server bằng cách chạy npm install -g http-server trong terminal, sau đó di chuyển đến thư mục gốc của dự án và chạy http-server. Mở trình duyệt và truy cập địa chỉ được cung cấp bởi http-server để xem dự án.
Xem trước và kiểm tra: Mở các tệp HTML như home.html trong trình duyệt để xem trước dự án và kiểm tra các chức năng.