🌟 GIỚI THIỆU DỰ ÁN
Full Source Code Website Bán Mỹ Phẩm tích hợp Hệ Thống Quản Trị CRM chuyên nghiệp. Dự án cực kỳ phù hợp làm Đồ Án Tốt Nghiệp, Khóa Luận Tốt Nghiệp hoặc làm dự án thực tế cho doanh nghiệp.
💻 CÔNG NGHỆ HIỆN ĐẠI
-
Frontend Khách hàng: Next.js 15, React 19, Bootstrap 5, Redux Toolkit.
-
Frontend Quản trị (Admin/Seller): Next.js 15, React 19, Tailwind CSS, Lucide Icons.
-
Backend API: PHP RESTful API theo mô hình MVC thuần chuẩn chỉ, xác thực bảo mật JWT Token.
-
Cơ sở dữ liệu: MySQL / MariaDB thiết kế chuẩn hóa, khóa ngoại ràng buộc toàn vẹn dữ liệu.
-
Tích hợp AI: Trợ lý ảo Chatbot thông minh hỗ trợ tư vấn chăm sóc da sử dụng Gemini AI API.
🚀 CÁC TÍNH NĂNG NỔI BẬT
1. Phân hệ Khách hàng (Storefront)
-
Giao diện sang trọng, chuẩn UI/UX, responsive 100% trên cả Desktop, Tablet và Mobile.
-
Xem danh sách sản phẩm, lọc theo danh mục, mức giá, thương hiệu.
-
Trang chi tiết sản phẩm: Gallery ảnh, biến thể sản phẩm, đánh giá và mô tả chi tiết.
-
Giỏ hàng thông minh (Mini cart xem nhanh + trang giỏ hàng chi tiết).
-
Áp dụng mã giảm giá (Coupon voucher) trực tiếp khi đặt hàng.
-
Tra cứu trạng thái đơn hàng nhanh chóng.
-
AI Chatbot: Trò chuyện, tư vấn mỹ phẩm phù hợp với từng loại da của khách.
2. Phân hệ Quản trị viên (Admin Dashboard)
-
Dashboard thống kê: Biểu đồ doanh thu, số lượng đơn hàng, thống kê sản phẩm bán chạy.
-
Quản lý sản phẩm: Thêm mới, chỉnh sửa, xóa, tải lên nhiều ảnh sản phẩm, quản lý tồn kho và giá bán.
-
Quản lý danh mục & Nhà cung cấp: Cấu trúc danh mục đa cấp, quản lý thông tin nhà cung ứng.
-
Quản lý Khuyến mãi (Coupons): Tạo mã giảm theo %, theo tiền cố định, giới hạn lượt dùng, áp dụng cho đối tượng khách hàng cụ thể.
-
Quản lý đơn hàng: Xem chi tiết đơn hàng, duyệt và cập nhật trạng thái đơn (Chờ xử lý, Đang giao, Hoàn thành, Đã hủy).
-
Quản lý người dùng: Phân quyền tài khoản (Admin, Seller, Khách hàng), kích hoạt / khóa tài khoản.
3. Phân hệ Người bán (Seller Portal)
-
Kênh quản trị riêng biệt cho Seller để đăng sản phẩm và tạo mã giảm giá riêng của shop.
🔑 TÀI KHOẢN TRẢI NGHIỆM MẪU
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
📋 YÊU CẦU MÔI TRƯỜNG
-
Node.js: Phiên bản 18, 20 hoặc mới hơn.
-
Web server: Hỗ trợ PHP (PHP 8.1 trở lên) & MySQL / MariaDB (XAMPP, Laragon, ServBay hoặc Hosting).
⚙️ CÁC BƯỚC CÀI ĐẶT CHI TIẾT
Bước 1: Cài đặt Cơ sở dữ liệu
-
Mở phpMyAdmin (hoặc công cụ quản lý MySQL của bạn) tạo một Database mới tên: crm_cosmetic (bảng mã utf8mb4_unicode_ci).
-
Chọn mục Import và chọn file database.sql (nằm trong thư mục api/) để nạp dữ liệu mẫu vào.
Bước 2: Cấu hình Backend (API)
-
Mở file api/config/database.php và sửa lại thông tin kết nối DB của bạn (User, Password, Host).
-
Tạo Virtual Host trong XAMPP / Laragon / ServBay trỏ thư mục gốc vào thư mục api (ví dụ domain: https://cosmetic.dev hoặc chạy cổng http://localhost:8000).
Bước 3: Cấu hình biến môi trường Frontend
-
Trong cả 2 thư mục user và adm, tạo/sửa file .env với nội dung:
NEXT_PUBLIC_API_URL=URL_API_CUA_BAN/api
(Ví dụ: NEXT_PUBLIC_API_URL=https://cosmetic.dev/api)
Bước 4: Khởi chạy ứng dụng
✅ Source code đã bao gồm sẵn dữ liệu mẫu và hình ảnh đầy đủ, chỉ cần làm theo các bước trên là chạy được ngay 100%!