Dự án này được xây dựng bằng ReactJS, HTML5 và CSS
Các chức năng chính của ứng dụng này bao gồm:
-
Trang Dashboard: Hiển thị danh sách sản phẩm. Người dùng có thể tìm kiếm sản phẩm và nhấp vào hình ảnh sản phẩm để xem chi tiết. Điều này được thực hiện trong Dashboard component.
-
Trang Xem Sản Phẩm: Hiển thị thông tin chi tiết về một sản phẩm cụ thể. Điều này được thực hiện trong ItemView component.
-
Trang Giỏ Hàng: Cho phép người dùng xem và quản lý các sản phẩm trong giỏ hàng của họ. Điều này được thực hiện trong Bag component.
-
Trang Thanh Toán: Cho phép người dùng hoàn tất quá trình mua hàng. Điều này được thực hiện trong CheckOut component.
-
Trang Thêm Địa Chỉ: Cho phép người dùng thêm địa chỉ giao hàng. Điều này được thực hiện trong AddAdress component.
-
Trang Thêm Phương Thức Thanh Toán: Cho phép người dùng thêm phương thức thanh toán. Điều này được thực hiện trong AddPayment component.
Tất cả các trang này được điều hướng thông qua React Router, như được thấy trong App component.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt dự án, bạn cần thực hiện các bước sau:
tải xuống mã nguồn.
Mở Terminal hoặc Command Prompt và điều hướng đến thư mục dự án.
Chạy lệnh sau để cài đặt các dependencies cần thiết:npm install
Sau khi cài đặt xong, bạn có thể chạy dự án bằng cách sử dụng lệnh sau:
npm start
Lệnh trên sẽ khởi động máy chủ phát triển và mở trình duyệt tại http://localhost:3000.