ProjectsMulti-Vendor Ordering Platform

SmartCanteen AI Menu Recommendation System

An AI-powered canteen recommendation system that uses content-based filtering to match menu items with user budget, category, and meal preferences, helping users find relevant food faster and reducing ordering friction.

SmartCanteen AI Menu Recommendation System
Ownership
Individual project
Role
Full-stack Product Developer
Team
Solo project

My Role

  • 01Planned the product flow, feature scope, and ordering experience.
  • 02Built the frontend and backend for multi-vendor ordering and cart workflows.
  • 03Integrated payment/order flows and delivered the deployment-ready platform.

Features

  • 01Multi-stall checkout: users can select menu items from multiple vendors in a single order flow (no app-switching needed).
  • 02Queue-free ordering: online ordering system reduces wait times and makes buying food more efficient during peak hours.
  • 03AI Assistant (chatbot) for recommendations: helps choose menu items based on budget, preferences (snacks/drinks/full meals), and value bundles.
  • 04Smart cart: automatically groups items per stall/vendor and shows a clear total summary before checkout.
  • 05Flexible payments: supports QRIS/cashless via Midtrans, plus a CASH option for on-site payment (per canteen policy).
  • 06Order history: users can view purchase history, order status, and total transactions for expense tracking.
  • 07Store rating & review: displays vendor ratings so users can choose the most trustworthy and quality-consistent stalls.
  • 08Search & category discovery: menu/vendor search + categories (breakfast/lunch/snacks) for faster exploration.

Impact

  • Reduces wasted time during breaks as users can pre-order without standing in long queues.
  • Improves canteen shopping experience with a smooth ordering flow, fast payments, and budget-relevant menu recommendations.
  • Provides vendor quality insights through ratings and purchase history, making user decisions more confident and data-driven.

Stack

Next.jsTailwind CSSSupabasePostgreSQLNextAuthMidtrans