Website cho cửa hàng trái cây cắt sẵn tại Huế

## Tổng quan QPTuoitre.com là nền tảng bán trái cây cắt sẵn trực tuyến dành cho khách hàng tại thành phố Huế. Website được xây dựng nhằm tối ưu quy trình đặt hàng, quản lý vận hành và giao hàng, đồng thời cung cấp hệ thống quản trị toàn diện giúp cửa hàng theo dõi doanh thu, đơn hàng và hoạt động kinh doanh theo thời gian thực. ## Chức năng ### Dành cho khách hàng - Xem danh mục sản phẩm và combo. - Tìm kiếm và lọc sản phẩm. - Thêm sản phẩm vào giỏ hàng. - Đặt hàng trực tuyến. - Tính phí giao hàng tự động theo khoảng cách. - Áp dụng mã giảm giá. - Theo dõi trạng thái đơn hàng. - Đăng ký và đăng nhập tài khoản. - Lưu địa chỉ giao hàng. - Xem lịch sử mua hàng. - Tích điểm thành viên và nhận ưu đãi. - Chia sẻ mã giới thiệu để nhận thưởng. ### Hệ thống quản trị (Admin) - Dashboard thống kê tổng quan. - Quản lý sản phẩm và danh mục. - Quản lý đơn hàng. - Cập nhật trạng thái giao hàng. - Quản lý khách hàng. - Quản lý mã giảm giá. - Cấu hình phí vận chuyển theo khoảng cách. - Quản lý chương trình tích điểm. - Quản lý chương trình giới thiệu khách hàng. - Theo dõi doanh thu theo ngày, tuần, tháng và năm. - Thống kê sản phẩm bán chạy. - Thống kê khách hàng thân thiết. - Quản lý banner và nội dung website. - Quản lý cài đặt hệ thống. ## Tối ưu - Responsive trên mọi thiết bị. - Progressive Web App (PWA). - SEO tối ưu với Nuxt 4. - Lazy Loading hình ảnh. - Tối ưu hiệu năng và Core Web Vitals. - Hệ thống Realtime cập nhật trạng thái đơn hàng. - Tự động tính khoảng cách và phí vận chuyển. - Phân quyền người dùng và quản trị viên. - Bảo mật dữ liệu với Supabase. - Hạ tầng triển khai trên Vercel giúp mở rộng dễ dàng. ## Kết quả - Đơn giản hóa toàn bộ quy trình bán hàng và giao hàng. - Quản lý doanh thu và đơn hàng tập trung. - Tự động hóa tính phí vận chuyển, giảm sai sót khi xử lý đơn. - Giúp khách hàng đặt hàng nhanh chóng trên điện thoại và máy tính. - Dễ dàng mở rộng thêm chi nhánh, sản phẩm và chương trình khuyến mãi trong tương lai. ## Công nghệ - Nuxt 4 - Vue 3 - TypeScript - Tailwind CSS - Supabase - PostgreSQL - PayOS - OpenStreetMap - Cloudflare R2 - Vercel