1. Giao diện & Trải nghiệm người dùng
-
Thiết kế sang trọng: Sử dụng phong cách kính mờ (Glassmorphism), bo góc lớn và đổ bóng sâu, tạo cảm giác cao cấp và tinh tế.
-
Tương thích hoàn hảo: Chạy mượt mà trên mọi thiết bị từ máy tính, máy tính bảng đến điện thoại di động.
-
Hiệu ứng sống động: Có pháo hoa khi đặt hàng thành công và thanh tiến độ đơn hàng có biểu tượng xe tải di chuyển cực kỳ trực quan.
2. Tính năng dành cho khách hàng
-
Tìm kiếm & Bộ lọc: Lọc sản phẩm theo danh mục và thanh kéo chọn giá tiền (lấy giá thấp nhất - cao nhất trực tiếp từ kho hàng).
-
Đường dẫn chuẩn SEO: Sử dụng định dạng chữ thay vì số (slug) giúp website dễ dàng lên top Google.
-
Giỏ hàng & Thanh toán: Thêm sản phẩm nhanh, tự động tính tổng tiền và điền sẵn thông tin giao hàng giúp đặt hàng chỉ trong 1 phút.
-
Theo dõi đơn hàng: Khách hàng có thể tự xem lịch sử mua hàng, trạng thái vận chuyển và xem chi tiết từng hóa đơn.
3. Chuyên mục Tin tức & Blog
-
Bố cục tạp chí: Trang tin được sắp xếp theo phong cách chuyên nghiệp với 1 tin tiêu điểm lớn và các tin phụ xung quanh.
-
Trải nghiệm đọc tốt: Nội dung dài được tích hợp thanh cuộn tinh tế, không làm vỡ bố cục trang web.
4. Hệ thống Quản trị (Admin)
-
Bảng điều khiển thông minh: Biểu đồ doanh thu 7 ngày và thống kê tỷ lệ đơn hàng được vẽ tự động từ dữ liệu thật.
-
Quản lý đơn hàng: Admin có thể thay đổi trạng thái đơn (Chờ duyệt, Giao hàng, Hoàn thành), xem chi tiết sản phẩm và In hóa đơn trực tiếp để đóng gói hàng.
-
Quản lý toàn diện: Dễ dàng thêm, sửa, xóa sản phẩm, danh mục, tin tức và thành viên.
5. Công nghệ sử dụng
-
Nền tảng: PHP thuần và cơ sở dữ liệu MySQL (Tốc độ load cực nhanh).
-
Công cụ hỗ trợ: Bootstrap 5, SweetAlert2 (Thông báo đẹp), Chart.js (Vẽ biểu đồ), jQuery UI (Thanh kéo giá).
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