LGU+ Connect

Confidential telecom fleet teamFrontend engineer2023-12

Built a large operational interface for vehicle tracking and analytics, balancing real-time data, dense workflows, and map-heavy UI.

ReactTypeScriptApollo ClientRecoiliNavi MapsReact Hook FormApexChartsAg-Grid
  • Delivered a dashboard surface that handled live tracking, reporting, and operational control in one interface.
  • Reduced friction in high-density workflows by standardizing forms, state handling, and data presentation.
  • Improved the maintainability of a complex frontend through reusable patterns for maps, tables, and analytics modules.

This is a private project. Sensitive implementation details and source code are not publicly available.

Context

This product supported vehicle operations where location data, reporting, and operator actions all had to coexist in one frontend. The interface had to work for real operational usage, not just presentation dashboards.

Problem

Fleet tooling gets difficult quickly when maps, large datasets, and frequent updates all compete for the same screen. The challenge was keeping the interface readable while still exposing enough control for operators.

Approach

I focused on building stable frontend patterns around maps, data grids, analytics, and forms. The goal was to make dense operational screens easier to understand and maintain without reducing capability.

What Shipped

  • Real-time tracking views using live updates and map integrations.
  • Analytics and reporting screens powered by structured charting and tabular views.
  • Reusable form flows with stronger validation and more predictable state management.
  • Shared UI patterns for operator-facing workflows across large data surfaces.

Results

  • The product supported monitoring and management tasks from a single frontend surface instead of fragmented tools.
  • Reusable frontend patterns lowered the cost of adding and maintaining operational views.
  • The interface became more resilient for high-information workflows where clarity matters as much as raw capability.

Technical Notes

The build leaned on React, TypeScript, Apollo Client, Recoil, React Hook Form, charting, and mapping integrations. The primary engineering challenge was keeping complex screens responsive and coherent as data density increased.

Keep going

Need this kind of product work?

I work on AI features, product interfaces, and content systems that have to ship cleanly and hold up in production.