Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Trong dự án này, React được sử dụng để xây dựng các thành phần giao diện người dùng (UI components) và quản lý trạng thái ứng dụng.
React Router: Một thư viện định tuyến cho ứng dụng React. Nó cho phép bạn xử lý định tuyến trong ứng dụng web một cách linh hoạt. Trong dự án này, React Router được sử dụng để xử lý định tuyến giữa các trang khác nhau như trang chủ, trang sản phẩm, trang giỏ hàng, và trang đăng nhập.
Chức năng:
Đăng nhập: Người dùng có thể đăng nhập vào ứng dụng thông qua trang đăng nhập. (LoginForm)
Trang chủ: Hiển thị trang chủ của ứng dụng. (Home)
Xem sản phẩm: Người dùng có thể xem danh sách các sản phẩm trên trang sản phẩm. (Products)
Giỏ hàng: Người dùng có thể xem và quản lý các sản phẩm trong giỏ hàng của mình. (Cart)
Trang không tìm thấy: Khi người dùng truy cập vào một đường dẫn không tồn tại, họ sẽ được chuyển hướng đến trang không tìm thấy. (NotFound)
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt dự án này, bạn cần thực hiện các bước sau trong terminal hoặc command prompt:
Đảm bảo bạn đã cài đặt Node.js và npm hoặc pnpm. Bạn có thể kiểm tra phiên bản của chúng bằng cách chạy node -v và npm -v hoặc pnpm -v.
Di chuyển đến thư mục dự án bằng cách sử dụng lệnh cd, ví dụ: cd c:/Users/PC/e-commerce-part-1.
Chạy lệnh cài đặt các gói phụ thuộc. Dựa vào file .npmrc trong dự án, dự án này sử dụng npm làm trình quản lý gói. Tuy nhiên, tên file khóa gói là pnpm-lock.yaml, điều này gợi ý rằng dự án có thể đã được quản lý bằng pnpm. Bạn có thể sử dụng npm hoặc pnpm tùy thuộc vào sự ưu tiên của bạn. Để cài đặt sử dụng npm, bạn chạy: