Portfolio ©2026Loading experience
Design.Engineer.Ship.
Laravel × React × WebGL000
twogoodson ©
← All work

Harbor Fleet

Live fleet tracking and dispatch for 300+ trucks with WebSocket updates.

Client

Harbor Logistics

Year

2024

Role

Full Stack Developer

Category

Web App

Harbor Fleet

Stack

  • Vue 3
  • Inertia
  • Laravel
  • Reverb
  • Mapbox
  • PostgreSQL

The challenge

Dispatchers juggled phone calls and WhatsApp groups to know where trucks were, causing late deliveries and idle fleets.

The solution

An Inertia + Vue app with Laravel Reverb broadcasting GPS pings to a Mapbox map, plus a dispatch board with drag-and-drop assignment and SLA alerts.

-31%

Idle time

300+

Trucks tracked

<1s

Location latency

Before → After

How a truck gets dispatched

Before

  1. 01Dispatcher phones the driver for a location
  2. 02Driver replies in a WhatsApp group
  3. 03Assignments tracked on a whiteboard
  4. 04Late deliveries noticed when the client calls

After

  1. 01GPS pings broadcast through Reverb every second
  2. 02Every truck visible on one Mapbox view
  3. 03Drag-and-drop assignment on the dispatch board
  4. 04SLA alerts fire before a delivery runs late

Before → After

Six months after go-live

On-time deliveries

+31%

before
72%
after
94%

Time to assign a job

9.0× faster

before
18 min
after
2 min

Dispatcher phone calls per day

7.0× less

before
420
after
60

Daily idle hours across the fleet

-31%

before
610 h
after
420 h

Next project

Lumen Studio→