Dự án là một hệ sinh thái thương mại điện tử (E-commerce) hoàn chỉnh chuyên biệt cho ngành bán lẻ thời trang và quần áo. Được xây dựng trên nền tảng công nghệ hiện đại bao gồm ReactJS (Frontend) và Node.js/Express (Backend), hệ thống mang lại trải nghiệm mua sắm mượt mà, trực quan cùng tốc độ phản hồi cực nhanh.
Điểm nổi bật vượt trội của dự án là việc tích hợp Chatbot AI thông minh sử dụng Google Gemini API, hỗ trợ tự động tư vấn sản phẩm, giải đáp thắc mắc của khách hàng theo thời gian thực 24/7. Toàn bộ dữ liệu sản phẩm, đơn hàng, người dùng và giỏ hàng được quản lý tối ưu trên cơ sở dữ liệu phi quan hệ MongoDB, kết hợp lưu trữ hình ảnh đám mây qua Cloudinary và gửi email tự động bằng Nodemailer. Hệ thống được thiết kế tối ưu với tính năng tự động seed dữ liệu (Auto-seeding) từ các tệp JSON khi khởi chạy lần đầu, giúp các nhà phát triển hoặc chủ shop dễ dàng triển khai và vận hành nhanh chóng mà không gặp bất kỳ trở ngại nào về mặt cấu hình ban đầu.
3. Mô tả chi tiết (Detailed Description)
-
Trang Khách Hàng (ReactJS Client):
-
Giao diện thiết kế theo phong cách tối giản, hiện đại và tối ưu trải nghiệm người dùng (UX/UI).
-
Chức năng duyệt sản phẩm, tìm kiếm thông minh, bộ lọc nâng cao theo danh mục và thương hiệu thời trang.
-
Giỏ hàng động, áp dụng mã giảm giá (coupon) thời gian thực và quy trình đặt hàng tối giản.
-
Hệ thống Quản trị (Admin Dashboard):
-
Quản lý toàn diện: Danh mục, Thương hiệu, Sản phẩm (thêm, sửa, xóa, quản lý tồn kho).
-
Xử lý đơn hàng, theo dõi trạng thái mua sắm và quản lý tài khoản người dùng/shipper.
-
Thống kê biểu đồ doanh thu trực quan bằng thư viện Recharts.
-
Trực Tiếp Tư Vấn Bằng AI Chatbot:
-
Tích hợp mô hình AI Google Gemini trực tiếp giải đáp câu hỏi của người dùng về size, chất liệu và tư vấn chọn đồ phù hợp.
-
Hệ Thống Tự Động Hóa Dữ Liệu:
-
Cơ chế Auto-Seeding tự động nhận biết database chưa có dữ liệu khi khởi chạy lần đầu và nạp tự động toàn bộ 11 collections mẫu (sản phẩm, người dùng admin, mã giảm giá,...) giúp việc thiết lập nhanh chóng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
# 1. Tải mã nguồn về máy và chuyển vào thư mục backend
cd backend
# 2. Cài đặt các thư viện Node.js cho backend
npm install
# 3. Copy file cấu hình .env và thiết lập MONGODB_URI=mongodb://admin:admin123456@192.168.50.200:27017/fashion_shop_db?authSource=admin
# 4. Khởi chạy backend (hệ thống sẽ tự động kết nối và nạp dữ liệu mẫu từ JSON)
npm start
# 5. Di chuyển sang thư mục frontend
cd ../frontend
# 6. Cài đặt các thư viện Node.js cho frontend
npm install
# 7. Khởi chạy giao diện website của khách hàng (mặc định tại http://localhost:3000)
npm start
Nguồn: Topcode.vn
