Dự án "argao-delicacies-shop" được xây dựng dựa trên một số công nghệ và thư viện chính sau đây:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React (react) để tạo ra các thành phần giao diện động và tái sử dụng.
Redux Toolkit: Một công cụ giúp cấu hình store, reducers, actions, và middleware trong Redux một cách dễ dàng hơn. Dự án sử dụng Redux Toolkit (@reduxjs/toolkit) để quản lý trạng thái ứng dụng, bao gồm danh sách sản phẩm và giỏ hàng.
React Router: Thư viện này (react-router-dom) được sử dụng để xử lý định tuyến trong ứng dụng web một trang (SPA).
Sass: Một tiền xử lý CSS (sass) giúp viết CSS dễ dàng và hiệu quả hơn.
Font Awesome: Thư viện icon (@fortawesome/fontawesome-svg-core, @fortawesome/free-regular-svg-icons, @fortawesome/free-solid-svg-icons) được sử dụng để thêm các biểu tượng đẹp mắt vào ứng dụng.
Chức năng chính của dự án bao gồm:
Hiển thị sản phẩm: Dự án cung cấp giao diện để hiển thị danh sách sản phẩm (Product, Products) từ dữ liệu JSON (data .json).
Quản lý giỏ hàng: Người dùng có thể thêm sản phẩm vào giỏ hàng và xem chi tiết giỏ hàng. Các chức năng này được quản lý bởi Redux Toolkit thông qua cartSlice.
Chi tiết sản phẩm: Cung cấp giao diện để xem chi tiết của một sản phẩm cụ thể (ProductDetail).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Cài đặt các gói phụ thuộc: Mở terminal hoặc command prompt, di chuyển đến thư mục dự án vừa clone và chạy lệnh sau để cài đặt các gói phụ thuộc được liệt kê trong package.jsonnpm install
Khởi động dự án: Sau khi cài đặt xong các gói phụ thuộc, bạn có thể khởi động dự án bằng cách chạy lệnh sau trong terminal hoặc command prompt:
npm start