Back to Projects
Web Development2024
DEPLOYMENT STATUS: SUCCESS

GLOBAL LOGISTICS DASHBOARD

Real-time fleet tracking and analytics platform serving 3,000+ vehicles with live GPS telemetry.

Lighthouse Score

94

Uptime

99.9%

Avg Latency

120ms

Status

LIVE

01

PROJECT OVERVIEW

Real-time fleet tracking and analytics platform serving 3,000+ vehicles with live GPS telemetry.

This project showcases our expertise in web development, delivering a robust solution that exceeds industry standards for performance, reliability, and maintainability.

02

THE CHALLENGE

PROBLEM

A logistics operator tracking 3,000+ vehicles relied on a nightly-batch CSV pipeline, leaving dispatchers working with 12-hour-old data and no alerting on route deviations.

OUTCOME

Delivered a real-time GCP + Pub/Sub pipeline feeding a live React dashboard — dispatchers now see vehicle positions within 2 seconds, with automated deviation alerts.

03

ARCHITECTURE & CODE

telemetry-stream.ts
TypeScript
1// Real-time telemetry pipeline: GPS device → Pub/Sub → client
2export async function ingestTelemetry(
3 raw: Buffer,
4 attributes: PubSubAttributes
5): Promise<void> {
6 const frame = parseBinaryFrame(raw); // Custom binary telemetry parser
7
8 await Promise.all([
9 // Persist to time-series collection
10 db.telemetry.insertOne({
11 vehicleId: attributes.vehicleId,
12 ...frame,
13 receivedAt: new Date(),
14 }),
15 // Broadcast to subscribed dashboard clients via SSE
16 eventBus.emit(`vehicle:${attributes.vehicleId}`, frame),
17 // Check geofence violations asynchronously
18 geofenceCheck.queue(attributes.vehicleId, frame.coords),
19 ]);
20}
04

DEPLOYMENT PIPELINE

ci/cd — deploy log
7 PASSED
BUILD COMPLETE
01▸ Building Node.js telemetry ingestion service...
02✓ jest tests passed (89 assertions) — 5.2s
03▸ Building React dashboard bundle...
04✓ Webpack build complete — 2.1MB (code-split, lazy routes)
05▸ Building Docker images (ingestion + dashboard)...
06✓ Images pushed to GCR — multi-stage builds, minimal layers
07▸ Deploying to GKE (rolling update)...
08✓ 4/4 ingestion pods healthy
09✓ 3/3 dashboard pods healthy
10✓ Pub/Sub topic confirmed — message backlog: 0
11✓ Latency probe: end-to-end GPS → dashboard 120ms median ✓
05

PERFORMANCE AUDIT

lighthouse — performance report
94
LIGHTHOUSE PERFORMANCE
EXCELLENT — DEPLOY APPROVED
CORE WEB VITALS
LCP — Largest Contentful PaintTime until the largest element is rendered
2.1sGOOD
FID — First Input DelayResponsiveness to first user interaction
18msGOOD
CLS — Cumulative Layout ShiftVisual stability during page load
0.04GOOD
TTFB — Time to First ByteServer response time to first byte
210msIMPROVE
TECHNOLOGY STACK
ReactNode.jsMongoDBKubernetesGCP
INTERESTED?

Let's discuss how we can build something similar for your organization.