← Selected systems01 / Logistics infrastructure

Real-time operations

RouteFlow

Live worker tracking, multi-stop routing, ETA recalculation, and shareable public tracking views.

Status
Deployed app
Year
2026
Role
Product design / full-stack engineering
LIVE SYSTEM / ROUTE NETWORKMANAGER + PUBLIC VIEW
SYSTEM / 01

RouteFlow is not a map demo. It is an operations layer built around the questions a manager actually has: where is the worker, what comes next, and what does the current ETA mean for the route?

Problem

A manager coordinating several workers and deliveries needs route order, current location, and ETA in one place. Splitting those signals across maps, messages, and manual updates makes dispatch harder than it needs to be.

System

A Next.js application with a manager route planner, worker location flow, Supabase-backed realtime state, and tokenized read-only tracking pages for sharing a specific worker or route.

SYSTEM / 02

What the system contains.

01

Manager dashboard for multiple workers with multiple trips and stops.

02

Drag-and-drop route planning, stop reordering, save flows, and live ETA recalculation.

03

Worker-facing location updates designed to keep the manager view current without manual refreshes.

04

Tokenized public live pages that expose only the worker or route being shared.

05

Supabase Auth, PostgreSQL, Realtime, and row-level security as the application data layer.

06

MapLibre rendering with OSRM routing to keep the demo independent from paid map APIs.

SYSTEM / 03

System flow.

01Manager plan
02Ordered stops
03Worker location
04Realtime state
05ETA update
06Public live view
SYSTEM / 04

Technical decisions.

01

Use an organization-style manager view for multiple workers, trips, and ordered stops instead of treating tracking as a single-driver map.

02

Use Supabase Realtime so route and location changes can propagate without requiring manual page refreshes.

03

Use tokenized public tracking routes so a manager can share a read-only view without exposing the full manager workspace.

04

Use MapLibre + OSRM to preserve the project's no-paid-mapping-cost constraint instead of depending on a proprietary maps bill from day one.

TRADEOFF

The open mapping stack keeps the demo inexpensive and portable, but it shifts more responsibility onto the application for routing reliability, service availability, and fallback behavior.

Technology
Next.jsTypeScriptSupabasePostgreSQLRealtimeMapLibreOSRM
NEXT / EVOLUTION

The most meaningful next step is integrating RouteFlow with an existing telematics or fleet system such as Samsara so it can sit above real operational data instead of requiring a separate tracking source.