Dự án bạn đang làm việc là một ứng dụng thương mại điện tử được xây dựng bằng ReactJS, một thư viện JavaScript phía trước phổ biến. Dự án này sử dụng MirageJS để mô phỏng API phía máy chủ trong môi trường phát triển.
Các chức năng chính của ứng dụng này bao gồm:
-
Xác thực người dùng: Các hàm như signupHandler và loginHandler trong AuthController xử lý việc đăng ký và đăng nhập người dùng.
-
Quản lý sản phẩm: Các hàm như getAllProductsHandler và getProductHandler trong ProductController cho phép lấy tất cả sản phẩm và lấy thông tin chi tiết của một sản phẩm.
-
Quản lý giỏ hàng: Các hàm như addItemToCartHandler, getCartItemsHandler, removeItemFromCartHandler, và updateCartItemHandler trong CartController cho phép thêm sản phẩm vào giỏ hàng, lấy các mục trong giỏ hàng, xóa mục khỏi giỏ hàng và cập nhật mục trong giỏ hàng.
-
Quản lý danh sách yêu thích: Các hàm như addItemToWishlistHandler, getWishlistItemsHandler, và removeItemFromWishlistHandler trong WishlistController cho phép thêm sản phẩm vào danh sách yêu thích, lấy các mục trong danh sách yêu thích và xóa mục khỏi danh sách yêu thích.
-
Quản lý địa chỉ: Các hàm như addNewAddressHandler, getAllAddressesHandler, và removeAddressHandler trong AddressController cho phép thêm địa chỉ mới, lấy tất cả các địa chỉ và xóa địa chỉ.
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, Express và MongoDB 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.
Cài đặt MongoDB trên máy của bạn hoặc thiết lập một cơ sở dữ liệu MongoDB từ xa.
Sau khi cài đặt Node.js, npm và MongoDB, 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:
Nếu dự án của bạn có cấu trúc phân tách giữa client (React) và server (Express), bạn cần điều hướng đến từng thư mục và chạy lệnh npm install cho cả hai.
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:
Nếu dự án của bạn có cấu trúc phân tách giữa client và server, bạn cần khởi động cả hai dự án riêng biệt bằng cách chạy npm start trong từng thư mục.
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.