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:
- Built data models + mock data (5 branches, 30 days, ~3,600 records)
- API routes for branches, predictions, check-ins
- Qwen AI integration with fallback to local algorithms
- Responsive UI with real-time visualization
- Vercel deployment
Challenges
- Next.js 16 Migration — Promise-based params API broke route handlers, fixed by using
await params - Windows Path Compatibility — Resolved with latest Next.js version
- Type Safety — Careful interface design for dynamic params + complex prediction models
- 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
- autoprefixer
- css
- eslint
- next.js
- postcss
- python
- qwen
- react
- restful
- tailwind
- typescript
- vercel

Log in or sign up for Devpost to join the conversation.