1. Trải Nghiệm Khách Hàng (User Experience)
-
Giao diện Web App: Tối ưu hóa trên mọi thiết bị (Mobile, Tablet, PC).
-
Mua hàng thông minh: Đặt hàng linh hoạt với hệ thống chọn Topping, tính giá tự động.
-
Giỏ hàng Real-time: Cập nhật số lượng, xóa món bằng AJAX mượt mà không load lại trang.
-
Theo dõi đơn hàng: Thanh tiến độ trực quan với biểu tượng xe giao hàng chuyển động theo trạng thái đơn.
-
Quản lý cá nhân: Hồ sơ người dùng chuyên nghiệp, cho phép đổi ảnh đại diện và lưu địa chỉ mặc định.
-
Tin tức & Liên hệ: Hệ thống Blog tạp chí hiện đại và Form liên hệ tích hợp thông báo SweetAlert2.
2. Hệ Thống Quản Trị (Admin Dashboard)
-
Quản lý đơn hàng: Hệ thống lọc, phân trang, xem chi tiết sản phẩm và Topping trong Modal.
-
Xử lý chuyên nghiệp: Cập nhật trạng thái đơn hàng (Chờ duyệt, Đang xử lý, Thành công, Đã hủy).
-
In hóa đơn: Chức năng xuất hóa đơn bán hàng chuẩn, thiết kế tối ưu cho in ấn sạch đẹp.
-
Quản trị Tin tức: Trình soạn thảo CKEditor tích hợp, tự động tạo Slug SEO và quản lý hình ảnh.
3. Công Nghệ Sử Dụng (Tech Stack)
-
Backend: PHP thuần (PDO), xử lý Logic chặt chẽ, bảo mật.
-
Frontend: HTML5, CSS3 (Grid & Flexbox), JavaScript (jQuery & Ajax).
-
Thư viện: SweetAlert2 (Thông báo), FontAwesome 6, CKEditor 4, Canvas-confetti (Hiệu ứng pháo hoa).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
import csdl, truy cập localhost/ tên project