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 và Node.js.
Công nghệ:
-
Frontend: Ứng dụng frontend đượ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. Nó sử dụng các thư viện như @chakra-ui/react cho giao diện, axios cho việc gọi API, formik và yup cho việc xử lý và xác thực form, react-query cho việc quản lý trạng thái dữ liệu từ xa và react-router-dom cho việc điều hướng trang.
-
Backend: Backend được xây dựng bằng Node.js, sử dụng express làm framework. Nó sử dụng mongoose để tương tác với cơ sở dữ liệu MongoDB, jsonwebtoken và bcrypt để xử lý xác thực và mã hóa, joi cho xác thực dữ liệu đầu vào và ioredis cho việc làm việc với Redis.
-
Database: MongoDB được sử dụng làm cơ sở dữ liệu chính cho ứng dụng.
Chức năng:
-
Trang sản phẩm: Trang này hiển thị danh sách các sản phẩm. Người dùng có thể xem thêm sản phẩm bằng cách nhấn vào nút "Load More" nếu có thêm sản phẩm để tải (Products).
-
Chi tiết sản phẩm: Khi người dùng nhấp vào một sản phẩm, họ sẽ được chuyển đến trang chi tiết sản phẩm.
-
Đăng nhập/Đăng ký: Người dùng có thể đăng nhập hoặc đăng ký tài khoản.
-
Giỏ hàng: Người dùng có thể xem giỏ hàng của mình.
-
Trang quản trị: Nếu người dùng có quyền quản trị, họ có thể truy cập trang quản trị để quản lý đơn hàng và sản phẩm.
-
Trang lỗi 404: Nếu người dùng cố gắng truy cập vào một trang không tồn tại, họ sẽ được chuyển hướng đến trang lỗi 404.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
npm i
npm start
Để cài đặt một dự án React.js từ mã nguồn, bạn cần làm theo các bước sau:
Đầu tiên, bạn cần cài đặt Node.js và npm (Node Package Manager) trên máy tính của bạn. Bạn có thể tải Node.js và npm từ trang web chính thức của Node.js.
Sau khi cài đặt Node.js và npm, bạn cần mở Terminal (hoặc Command Prompt trên Windows) và điều hướng đến thư mục chứa mã nguồn của dự án.
Khi bạn đã ở trong thư mục chứa mã nguồn, bạn cần chạy lệnh sau để cài đặt các gói phụ thuộc của dự án:
Sau khi tất cả các gói phụ thuộc đã được cài đặt, bạn có thể khởi động dự án bằng cách chạy lệnh sau:
Dự án của bạn sẽ được khởi động và bạn có thể truy cập nó từ trình duyệt của mình tại địa chỉ http://localhost:3000 (hoặc cổng khác nếu bạn đã thay đổi cổng mặc định trong mã nguồn).
Lưu ý: Các bước trên giả định rằng mã nguồn của bạn đã được cấu hình đúng và không có lỗi. Nếu bạn gặp lỗi trong quá trình cài đặt hoặc khởi động dự án, bạn cần kiểm tra mã nguồn và đảm bảo rằng tất cả các gói phụ thuộc cần thiết đã được khai báo đúng trong file package.json.