🔥 GIỚI THIỆU ĐỒ ÁN
Dự án Website Bán Giày Sneaker & Thời Trang Thể Thao (T&T Sneaker Store) là hệ thống thương mại điện tử full-stack hiện đại, được xây dựng theo kiến trúc Microservices/Monorepo tách biệt Frontend (Next.js 15) và Backend (Node.js/Express). Điểm nhấn đặc biệt của dự án là việc tích hợp Trợ lý ảo AI (Google Gemini / OpenAI) trực tiếp vào luồng mua hàng để tư vấn size giày, gợi ý sản phẩm và hỗ trợ tra cứu đơn hàng theo thời gian thực.
🌟 CÁC TÍNH NĂNG NỔI BẬT
1. Phía Khách Hàng (Client / Storefront):
-
Trợ lý ảo AI Chatbot thông minh: Tự động tư vấn chọn mẫu giày, gợi ý size chuẩn theo form chân, hỗ trợ kiểm tra tình trạng đơn hàng chỉ bằng ngôn ngữ tự nhiên.
-
Giao diện hiện đại & chuẩn Responsive: Tương thích hoàn hảo từ mobile, tablet đến desktop; hỗ trợ chuyển đổi Giao diện Sáng/Tối (Light/Dark Mode).
-
Hỗ trợ Đa ngôn ngữ (i18n): Chuyển đổi linh hoạt Tiếng Việt - Tiếng Anh.
-
Tìm kiếm & Lọc nâng cao: Tìm kiếm tức thì (live search suggestion), lọc theo thương hiệu (Nike, Adidas, New Balance, Puma...), danh mục, mức giá và size giày.
-
Giỏ hàng & Đặt hàng: Drawer giỏ hàng tiện lợi, lưu giỏ hàng vào local storage, đặt hàng nhanh chóng kèm hỗ trợ thanh toán QR Code / Chuyển khoản ngân hàng.
-
Tài khoản & Quản lý đơn hàng: Đăng ký, đăng nhập bảo mật bằng JWT; tra cứu lịch sử mua hàng và xem trạng thái vận chuyển chi tiết.
2. Phía Quản Trị (Admin Dashboard):
-
Bảng điều khiển (Dashboard): Thống kê trực quan doanh thu, số lượng đơn hàng, lượng khách hàng và biểu đồ tăng trưởng.
-
Quản lý Sản phẩm & Biến thể: Thêm, sửa, xóa sản phẩm kèm nhiều ảnh (Cloudinary), quản lý tồn kho theo từng size giày (variants).
-
Quản lý Danh mục & Thương hiệu: Tùy chỉnh danh mục thể thao, hãng giày dễ dàng.
-
Quản lý Đơn hàng: Cập nhật trạng thái đơn hàng (Chờ xử lý, Đang giao, Đã hoàn thành, Đã hủy).
-
Quản lý Người dùng & Phân quyền: Phân quyền rõ ràng giữa Khách hàng (User) và Quản trị viên (Admin).
-
Tùy chỉnh nội dung Trang chủ: Cấu hình banner, video hero, slider trực tiếp từ trang admin.
🛠️ CÔNG NGHỆ SỬ DỤNG
-
Frontend: Next.js 15 (App Router), React 19, TypeScript, TailwindCSS, Zustand (Quản lý state), TanStack React Query, Radix UI, Lucide Icons.
-
Backend: Node.js, Express.js (ES Module), MongoDB & Mongoose ORM.
-
Trí tuệ nhân tạo (AI): Google Generative AI SDK (Gemini AI API) / OpenAI API.
-
Bảo mật & Upload: JWT (JSON Web Token), Bcrypt mã hóa mật khẩu, Multer + Cloudinary lưu trữ hình ảnh.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn