Link demo: https://drive.google.com/file/d/1570wCddmSRA8yELMipsthsMLEUl-NRg5/view?usp=drivesdk
1. YÊU CẦU CHỨC NĂNG
1.1. Quản lý sản phẩm & danh mục
1.2. Tìm kiếm & lọc
1.3. Giỏ hàng & đặt hàng
-
Thêm sản phẩm vào giỏ (kể cả khi chưa đăng nhập).
-
Thay đổi số lượng, xóa sản phẩm, xem tổng tiền.
-
Nhập thông tin giao hàng để đặt hàng.
-
Áp dụng mã giảm giá, tính phí vận chuyển, thanh toán bằng mã QR.
1.4. Thanh toán
-
Hỗ trợ thanh toán qua QR ngân hàng (QR tĩnh).
-
Lưu giao dịch vào bảng payments.
-
Gửi email xác nhận đơn hàng sau khi đặt và thanh toán.
1.5. Giao hàng
-
Lưu địa chỉ, ghi chú và phí vận chuyển.
-
Quản trị viên cập nhật trạng thái đơn:
pending → processing → shipping → completed
-
Cấu trúc database đã sẵn sàng để tích hợp API giao vận.
1.6. So sánh sản phẩm
1.7. Đánh giá & bình luận sản phẩm
-
Người dùng đánh giá (1–5 sao), kèm ảnh minh họa.
-
Admin duyệt, phản hồi, ẩn/hiện bình luận.
-
Hỗ trợ bình luận đa hình (morph) cho cả sản phẩm và bài viết.
1.8. Hỏi đáp & tương tác nội dung
1.9. Tin tức & truyền thông
-
Quản lý bài viết, banner, menu, trang tĩnh.
-
Soạn thảo nội dung bằng CKEditor.
1.10. Dashboard & báo cáo
1.11. Quản trị hệ thống
-
Quản lý sản phẩm và tồn kho.
-
Quản lý đơn hàng, in hóa đơn.
-
Quản lý danh mục, thương hiệu, banner, bài viết.
-
Quản lý người dùng: phân quyền, khóa/mở tài khoản.
-
Quản lý bình luận.
-
Quản lý phương thức giao hàng.
-
Tạo, sửa, xóa chương trình khuyến mãi.
-
Nhận thông báo realtime khi có đơn mới hoặc bình luận cần duyệt.
-
Theo dõi nhật ký hoạt động (log).
2. YÊU CẦU PHI CHỨC NĂNG
2.1. Tốc độ tải & hiệu năng
-
Tối ưu cache, index, phân trang, lazy-load hình ảnh.
-
Trang chủ đạt tốc độ tải lần đầu khoảng 1.2 giây.
-
Xử lý tốt dữ liệu lớn với hàng nghìn sản phẩm.
2.2. Thiết kế đáp ứng (Responsive)
-
Hoạt động tốt trên mọi thiết bị: desktop, tablet, mobile.
-
Sử dụng Bootstrap 5 + SCSS + grid 12 cột.
2.3. Trải nghiệm người dùng (UX/UI)
-
Bố cục rõ ràng: sidebar lọc, popup newsletter, wishlist, combo sản phẩm.
-
Giao diện admin hỗ trợ dark mode.
2.4. Bảo mật
-
Chống CSRF, XSS, SQL Injection.
-
Mật khẩu mã hóa bằng bcrypt/argon2.
-
Ghi log hệ thống và cảnh báo khi có hoạt động bất thường.
-
Hỗ trợ backup định kỳ.
2.5. Khả năng mở rộng
-
Kiến trúc module hóa (MVC, Service Layer, Repository Pattern).
-
Dễ tích hợp API thanh toán, giao vận, CRM, ứng dụng mobile.
-
Hỗ trợ chuẩn REST API và webhook trong tương lai.
2.6. Khả năng SEO
-
Tối ưu metadata, URL thân thiện, slug tự sinh.
-
Hỗ trợ schema, sitemap, OpenGraph.
2.7. Khả năng tích hợp
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
HƯỚNG DẪN CÀI ĐẶT ỨNG DỤNG
1. Tạo file cấu hình:
Sao chép file cấu hình mẫu .env.example thành file .env.
2. Cập nhật các biến môi trường trong file .env:
Cần chỉnh các giá trị:
• Tên ứng dụng (APP_NAME) và URL ứng dụng (APP_URL).
• Thông tin cơ sở dữ liệu gồm DB_DATABASE, DB_USERNAME, DB_PASSWORD.
• Thiết lập hệ thống lưu trữ FILESYSTEM_DISK ở chế độ public.
Cài đặt các phụ thuộc PHP và JavaScript
3. Cài đặt thư viện PHP và JS:
Cài đặt các package cần thiết cho backend và frontend bằng Composer và npm.
4. Tạo khóa ứng dụng và biên dịch giao diện:
Tạo khóa bảo mật cho Laravel (key:generate), sau đó biên dịch các tài nguyên frontend (build hoặc dev tuỳ môi trường).
Phân quyền và làm sạch cache
5. Phân quyền thư mục:
Xóa link storage cũ nếu có, cấp quyền đọc ghi cho các thư mục storage và bootstrap/cache để server hoạt động ổn định.
6. Xóa cache hệ thống:
Làm sạch cache cấu hình, route, view và ứng dụng để tránh xung đột và đảm bảo các cấu hình mới được áp dụng.
Chạy migration và seed dữ liệu
7. Tạo bảng và dữ liệu mẫu:
Chạy migration để tạo cấu trúc database và seed dữ liệu mẫu.
Sau đó tạo liên kết lưu trữ (storage link) để hiển thị hình ảnh.
Seeder sẽ tự động tạo:
• Ba cấp danh mục sản phẩm và danh mục bài viết.
• Thương hiệu, sản phẩm mẫu, bài viết mẫu, banner và đơn hàng demo.
• Một số bình luận mẫu để kiểm thử tính năng duyệt.
Khởi động ứng dụng
8. Chạy ứng dụng:
Khởi động server nội bộ của Laravel.
Sau khi chạy, truy cập hệ thống tại địa chỉ: http://127.0.0.1:8000
Ở CUỐI VIDEO DEMO CÓ VIDEO HƯỚNG DẪN CHI TIẾT, NẾU BẠN VẪN CHƯA CÀI ĐẶT ĐƯỢC THÌ CÓ THỂ THAM KHẢO