Dự án "Digital-Store" được xây dựng dựa trên một số công nghệ và thư viện chính sau:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React cho cả front-end, được chứng minh qua việc sử dụng các thành phần React như trong src/routes/index.jsx và việc thêm react và react-dom vào phần dependencies trong package.json.
React Router Dom: Được sử dụng để xử lý định tuyến trong ứng dụng React. Có thể thấy việc sử dụng react-router-dom trong src/routes/index.jsx để tạo định tuyến cho các trang khác nhau của ứng dụng.
Vite: Một công cụ build hiện đại được sử dụng để phát triển và xây dựng dự án. Cấu hình của Vite được tìm thấy trong vite.config.js và các script liên quan trong package.json.
Tailwind CSS: Một framework CSS utility-first để xây dựng thiết kế mà không cần viết CSS từ đầu. Cấu hình của Tailwind CSS được tìm thấy trong tailwind.config.js và được sử dụng trong src/index.css.
ESLint và Prettier: Được sử dụng để đảm bảo chất lượng code và định dạng code thống nhất. Cấu hình của ESLint và Prettier được tìm thấy trong các file .eslintrc.cjs và .prettierrc.json.
Chức năng của dự án bao gồm:
Hiển thị danh sách sản phẩm và thông tin chi tiết sản phẩm.
Đăng nhập và đăng ký người dùng.
Quản lý giỏ hàng và thực hiện mua hàng.
Hiển thị thông tin và quản lý đơn hàng của người dùng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Cài đặt các dependencies: Sử dụng npm để cài đặt các gói phụ thuộc được liệt kê trong package.json.
npm install
Chạy dự án: Sử dụng script dev được định nghĩa trong package.json để chạy dự án ở chế độ phát triển.
npm run dev
Nguồn: Topcode.vn
