Inspiration

Customers at Vietnamese bank branches face 30+ minute queues during peak hours while nearby branches sit empty. This inefficiency comes from no real-time traffic visibility and no demand prediction. We asked: What if customers could see which branch has the shortest wait? What if branches could predict busy hours and prepare? QueueMind was born — AI-powered solution transforming historical data and real-time check-ins into actionable insights.

What it does

For Customers:

  • Real-time congestion levels (🟢🟡🔴) across all branches
  • AI-predicted "Best Time to Visit" (save up to 40% wait time)
  • Check-in to reserve spot + get estimated wait

For Branch Managers:

  • 24-48h traffic predictions
  • AI staff optimization recommendations
  • Real-time queue monitoring + alerts

Key Features:

  • Traffic Prediction Engine (Qwen AI + 30+ days history)
  • Smart Queue Management with position tracking
  • Branch Optimization Dashboard
  • Mobile-friendly responsive UI

How we built it

Stack: Next.js 16.2.4 (App Router) + React 18 + TypeScript + Tailwind CSS + Qwen AI (DashScope API)

Process:

  1. Built data models + mock data (5 branches, 30 days, ~3,600 records)
  2. API routes for branches, predictions, check-ins
  3. Qwen AI integration with fallback to local algorithms
  4. Responsive UI with real-time visualization
  5. Vercel deployment

Challenges

  1. Next.js 16 Migration — Promise-based params API broke route handlers, fixed by using await params
  2. Windows Path Compatibility — Resolved with latest Next.js version
  3. Type Safety — Careful interface design for dynamic params + complex prediction models
  4. AI Fallback — Robust fallback when Qwen API unavailable

Accomplishments

  • Production-ready Vercel deployment
  • Full end-to-end system (data → AI → UI) in compressed timeframe
  • 100% TypeScript with strict type checking
  • Mobile-first responsive design
  • Scalable architecture ready for real banking APIs

What we learned

  • Advanced Next.js 16 features (App Router, Server Actions, async params)
  • TypeScript best practices for large apps
  • AI API integration + fallback strategies
  • Vercel deployment + CI/CD workflows

Built With

Share this project:

Updates