N°03 — WebReal-time · Geospatial · Dashboard

01Overview
GeoInsight is a production-style fleet-intelligence dashboard that tracks more than 100 simulated vehicles across Dhaka. It includes live position updates, marker clustering, status and regional filtering, route visualization, vehicle inspection, heatmaps and automatic polling fallback when sockets drop.
02What it does
- 1Live position updates for 100+ vehicles over WebSockets
- 2Marker clustering with status and regional filtering
- 3Route visualization, vehicle inspection and heatmaps
- 4Automatic polling fallback on connection loss
03The challenge
Rendering a large, continuously updating fleet smoothly required clustering, careful state management and a resilient real-time layer with reconnection and polling fallbacks.
04The outcome
A deployed, interactive fleet dashboard demonstrating production-grade real-time geospatial engineering.
05Built with
- Next.js 15
- TypeScript
- MapLibre GL
- Socket.IO
- Zustand
- TanStack Query
- Supercluster
- Deck.gl
- Tailwind CSS
Next project — N°04
UniFlow AI
An AI-powered university-admission ecosystem with an admission consultant, OCR form completion and an AI calling agent.