XÂY DỰNG ỨNG DỤNG WEB BÁN THỨC ĂN NHANH VỚI HIỂN THỊ 3D VÀ TRÒ CHƠI TRẮC NGHIỆM KHUYẾN MÃI

Abstract

Bối cảnh: Trong thời đại thương mại điện tử phát triển mạnh, các hệ thống bán hàng trực tuyến truyền thống vẫn còn hạn chế trong việc mang đến trải nghiệm trực quan và sinh động cho người dùng, đặc biệt trong lĩnh vực ẩm thực. Yếu tố hình ảnh chi tiết và cảm nhận trực tiếp có ảnh hưởng lớn đến quyết định đặt món, song chưa được khai thác hiệu quả. Vì vậy, đề tài “Xây dựng ứng dụng web bán thức ăn nhanh tích hợp hiển thị 3D và trò chơi trắc nghiệm nhận khuyến mãi” được thực hiện nhằm tạo ra một nền tảng bán hàng hiện đại, hấp dẫn và giàu tính tương tác. Mục tiêu: Đề tài hướng đến việc xây dựng ứng dụng web cho phép người dùng tìm kiếm, xem mô hình món ăn 3D, đặt hàng, thanh toán trực tuyến và tham gia trò chơi trắc nghiệm để nhận ưu đãi. Hệ thống đồng thời cung cấp bộ công cụ quản trị đầy đủ cho cửa hàng gồm quản lý sản phẩm, đơn hàng, tài khoản, banner, chính sách và cấu hình dịch vụ. Phương pháp: Ứng dụng sử dụng Vue kết hợp Tailwind CSS để xây dựng giao diện hiện đại, tối ưu cho nhiều thiết bị và mang lại trải nghiệm phản hồi nhanh. Backend được phát triển bằng Spring Boot, đảm bảo hiệu năng, bảo mật và khả năng mở rộng API. Hệ thống còn tích hợp Three.js để hiển thị mô hình 3D, Cloudinary cho quản lý nội dung, Stripe cho thanh toán, cùng Goong API/Goong Matrix để hiển thị bản đồ và tính phí giao hàng theo khoảng cách. Cơ chế xác thực OTP qua email được bổ sung nhằm tăng mức độ an toàn cho người dùng. Kết quả: Ứng dụng hoàn thiện với đầy đủ chức năng như đăng ký, đăng nhập, quản lý giỏ hàng, thanh toán trực tuyến qua Stripe, đánh giá sản phẩm, hiển thị mô hình 3D của sản phẩm, quản lý đơn hàng, sản phẩm và mã giảm giá, tham gia trò chơi nhận mã khuyến mãi, góp ý trò chơi. Hệ thống phân quyền rõ ràng giữa các nhóm người dùng giúp tăng hiệu quả quản lý. Ứng dụng còn hỗ trợ xem lịch sử mua hàng, đánh giá sản phẩm, tham gia góp ý trò chơi và giao diện quản lý thống kê doanh thu. Kết luận: Ứng dụng web bán thức ăn nhanh tích hợp hiển thị 3D và trò chơi nhận khuyến mãi đã đáp ứng được mục tiêu đề ra với giao diện hiện đại, dễ sử dụng, giúp nâng cao trải nghiệm người dùng thông qua khả năng tương tác trực quan. Hệ thống không chỉ hỗ trợ việc mua bán cơ bản mà còn đóng vai trò là cầu nối giữa người tiêu dùng và cửa hàng, giúp gia tăng tỉ lệ chuyển đổi, mở rộng cộng đồng người dùng và nâng cao hiệu quả kinh doanh trong lĩnh ẩm thực.