LE BAO KHANGCase study
Architecture, delivery, and impact — how this product was scoped and shipped.
8 features5 roles18 technologies
Stack
Technologies
ReactReact.jsTypeScriptTailwind CSSRadix UIShadcn/uiZustandTanStack QueryTanStack RouterReact Router v6Nest.jsSocket.ioPostgreSQLPrismaRedisVideo Streaming ProtocolGoogle Maps APIAWS
Access
User roles
Fleet ManagerDriverMaintenance StaffAdminSuper Admin
Overview
Product & engineering
- BonBonFleet is a professional FMS (Fleet Management System) focusing on real-time vehicle tracking, safety audits, and operational resource management.
- Live GPS Tracking: Continuous real-time monitoring of vehicle position and status using Socket.io.
- Visual Safety Audit: Integrated live dashcam streaming and automated photo logging for journey verification.
- Resource Scheduling: Smart check-in/check-out system for drivers and maintenance scheduling for technical staff.
Scope
Key features
- Real-time GPS Tracking via WebSockets
- Live Dashcam Video Streaming Integration
- Automated Journey Photo Logging
- Driver & Staff Performance Management
- Vehicle Maintenance & Equipment Scheduling
- Interactive Journey Playback & History
- Operational Status Dashboard
- Maintenance Staff Work-order Management
Ownership
My contributions
- Solo Frontend Developer: Owned the complete development of the Fleet Management dashboard.
- Real-time Engineering: Single-handedly implemented live tracking and dashcam video streaming logic.
- Workflow Design: Developed complex UI for resource scheduling and maintenance logging.
- Source Code Management: Maintained clean, modular code following SOLID principles for enterprise scalability.
Visuals
Interface gallery
Production screens — layout, density, and real-world states.
