Dự án này là một ứng dụng thương mại điện tử được xây dựng bằng React, một thư viện JavaScript phổ biến để xây dựng giao diện người dùng. Dự án sử dụng Vite để phát triển và xây dựng ứng dụng, và ESLint để kiểm tra lỗi và tuân thủ quy tắc về mã hóa.
Các chức năng chính của dự án bao gồm:
-
Trang chủ: Hiển thị các sản phẩm nổi bật và thông tin vị trí. Xem mã nguồn tại src/pages/Homepage/homepage.jsx.
-
Trang sản phẩm: Hiển thị danh sách các sản phẩm. Xem mã nguồn tại src/pages/Items/items.jsx.
-
Giỏ hàng: Cho phép người dùng xem các sản phẩm đã thêm vào giỏ hàng, cập nhật số lượng hoặc xóa sản phẩm khỏi giỏ hàng. Xem mã nguồn tại src/pages/Cart/cart.jsx.
-
Trang thông tin: Hiển thị thông tin về cửa hàng. Xem mã nguồn tại src/pages/About/about.jsx.
-
Trang vị trí: Hiển thị thông tin vị trí của cửa hàng. Xem mã nguồn tại src/pages/Location/Location.jsx.
-
Trang không tìm thấy: Hiển thị khi người dùng truy cập vào một URL không tồn tại. Xem mã nguồn tại src/pages/PageNotFound/page-not-found.jsx.
Dự án cũng sử dụng React Context để quản lý trạng thái giỏ hàng trên toàn ứng dụng (src/context/ShopContext.jsx).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Cấu hình ESLint: File .eslintrc.cjs chứa cấu hình cho ESLint, một công cụ giúp phát hiện và sửa các lỗi trong mã JavaScript.
Cấu hình Vite: File vite.config.js chứa cấu hình cho Vite, một công cụ giúp xây dựng và phát triển ứng dụng web nhanh chóng.
Cấu hình package: File package.json chứa thông tin về dự án và các gói phụ thuộc, cũng như các script chạy dự án như dev, build, lint, và preview.
Cấu hình CSS: File utilities.css chứa các biến CSS và cấu hình phản hồi truyền thông.
Cấu hình Git: File .gitignore chứa danh sách các file và thư mục không được theo dõi bởi Git.
Giấy phép: File LICENSE chứa thông tin về giấy phép phần mềm của dự án.
Mã nguồn: Thư mục src/ chứa mã nguồn của ứng dụng, bao gồm các component React, trang, và dữ liệu.
Nguồn: Topcode.vn
