Dự án này là một ứng dụng thương mại điện tử được xây dựng sử dụng MERN stack, bao gồm MongoDB, Express.js, React, và Node.js. Dưới đây là một số công nghệ và chức năng chính của dự án:
Backend (Node.js/Express.js):
Models: Các model như User, Product, Category, Contact, Coupon, Logo, và Slide được sử dụng để tương tác với cơ sở dữ liệu MongoDB.
Routes: Cung cấp các API endpoint cho các chức năng như xác thực người dùng (auth.js), quản lý danh mục sản phẩm (categories.js), liên hệ (contact.js), mã giảm giá (coupons.js), sản phẩm (products.js), và slides quảng cáo (slides.js).
Frontend (React):
Context API: Sử dụng CartProvider để quản lý trạng thái giỏ hàng trên toàn ứng dụng.
Components: Các thành phần như CartItem cho phép hiển thị và quản lý các mục trong giỏ hàng.
Layouts: MainLayout bao gồm header và footer, cũng như hỗ trợ cho các modal như tìm kiếm và dialog.
Styling: Sử dụng CSS và Ant Design (antd) cho giao diện người dùng.
Routing: Sử dụng react-router-dom để quản lý định tuyến trong ứng dụng.
Công nghệ khác:
Vite: Sử dụng Vite làm công cụ build và phát triển với hỗ trợ Hot Module Replacement (HMR).
ESLint: Cấu hình ESLint để đảm bảo chất lượng code và tuân thủ các quy tắc lập trình.
Stripe: Tích hợp Stripe cho chức năng thanh toán.
Chức năng chính:
Quản lý sản phẩm, danh mục, và người dùng.
Quản lý giỏ hàng và thanh toán.
Quản lý mã giảm giá và liên hệ.
Hiển thị slides quảng cáo và logo.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Mở terminal và chuyển đến thư mục backend:
Cài đặt các dependencies bằng npm:
Chạy server bằng lệnh:
Đảm bảo bạn đã tạo file .env trong thư mục backend với các biến môi trường cần thiết, vì file này được loại bỏ khỏi git (xem trong backend/.gitignore).
Frontend
Mở một terminal mới và chuyển đến thư mục frontend:
Cài đặt các dependencies bằng npm:
Chạy ứng dụng frontend bằng lệnh:
Bây giờ, bạn có thể truy cập ứng dụng web qua trình duyệt tại địa chỉ mặc định của Vite, thường là http://localhost:3000.
cd backend/
npm install
npm start
cd frontend/
npm install
npm run dev
Nguồn: Topcode.vn
