ProjectFlowPro
Menu

Case study · Frontend

Manager and driver apps, admin console

Implemented · tested (static; mutation checks documented) · behind sign-in on the demo domain

Office staff and drivers need different tools. I rebuilt RouteDawg's original mobile app as installable web apps: an admin console for planning and dispatch, a manager app, and a driver app for loads, status and inspections. Managers get push alerts.

RouteDawg manager app route details: one load's route on a map, pickup and delivery with appointments, equipment, weight and rate.
Manager app: route details
RouteDawg driver app loads by day with status and loaded miles; unlike the manager's list, no rates are shown.
Driver app: loads, no rates shown
Actual application capture · RouteDawg web app (installable) · build bd55dc2b7 · demo company data
  • 91screensadmin console 34 · manager 33 · driver 14 · sign-in 6 · public 4
  • 70public tables with row-level security119 policies
  • 3installable appsadmin console, manager, driver

Overview

The manager, driver and admin interfaces are Next.js 15 and React 19 routes styled with Emotion, rebuilt from an earlier Expo and React Native client. About 33 server-side routes proxy every request to the backend, and session tokens are kept in httpOnly cookies, not stored in the browser. Realtime database events are bridged to server-sent events, and web push alerts managers to new bookings.

Each driver receives a credential scoped to a single dispatch, stored server-side only as a SHA-256 hash. The apps install from the website as progressive web apps rather than from app stores. Screens cover route planning with ranked multi-leg routes, scored loads, markets, booking intake, rate-confirmation review, dispatch, and the driver's load and status flow.

The load-economics and scoring views are backed by mutation-tested checks (documented).

Visual evidence

RouteDawg admin console, booking for the demo company: shipments with status, broker, lane, agreed rate, pickup time and crew.
Admin console: shipments
RouteDawg manager app home: the week's gross, net, miles, rate per mile, cost and deadhead against last week, and loads by day.
Manager app: home
RouteDawg manager app route details: one load's route on a map, pickup and delivery with appointments, equipment, weight and rate.
Manager app: route details
RouteDawg driver app home: the driver's own loads, miles, on-time and deadhead for their truck.
Driver app: home
RouteDawg driver app loads by day with status and loaded miles; unlike the manager's list, no rates are shown.
Driver app: loads, no rates shown
Actual application capture · RouteDawg web app (installable) · build bd55dc2b7 · demo company data
9:41
Example Carrier Driver A

Dispatch

Realtime Loads · 3
1-leg 3 2-leg 0 3-leg 0
balanced strong
8h · 2026-10-13 marked 11:08 PM
Tampa, FL Jacksonville, FL

FL_JAX · Example Freight Co · reefer · FULL 53ft 42,000lb

RATE $1,150
GAF / DAY $1,020
GAF / CYC HR $64.20
loaded 202.0 DH 71.0 26.0% fuel $205 GAF $945 GAF/mi $3.48 cyc 9h 00m elapsed 9h 00m target ✓
REF ID 100245
balanced strong
8h · 2026-10-13 marked 11:21 PM
Tampa, FL Birmingham, AL

AL_BIR · Sample Logistics · reefer · FULL 53ft 42,000lb

RATE $2,480
GAF / DAY $1,890
GAF / CYC HR $128.40
loaded 555.0 DH 71.0 11.3% fuel $460 GAF $2,020 GAF/mi $3.64 cyc 15h 54m elapsed 25h 54m target ✓
REF ID 100245
Home Dispatch Loads Office More
Recreated · synthetic data · not a screenshot Manager dispatch: realtime loads ranked by gross after fuel, recreated from the app with synthetic data.
9:41
TAMPA ORLANDO TALLAHASSEE BIRMINGHAM ATLANTA
←

Load review

# REFID# | 100245
PICKUP Tampa, FL Fri, Oct 9
DELIVERY Birmingham, AL Delivery time not posted
Reefer Full 53ft 38,000lb 555 mi
RATE $2,480

BROKER

Company Sample Logistics
Reference 100245
Booked
Recreated · synthetic data · not a screenshot Load review: route, pickup and delivery, broker, recreated from the app with synthetic data.
9:41
TAMPA ORLANDO TALLAHASSEE BIRMINGHAM ATLANTA
←

Load review

# REFID# | 100245
Completeness Revenue and fuel

FINANCIALS

RATE $2,480
FUEL $460
GAF $2,020
GAF / DAY $1,890
GAF / CYC HR $128.40
GAF / MI $3.64

MILES & TIME

LOADED 555 mi
DEADHEAD 71 mi
DH SHARE 11.3%
CYCLE 15h 54m
ELAPSED 25h 54m
TARGET Met
Destination market AL_BIR
Conditions Balanced strong
Outbound Strong
Inbound Strong
Booked
Recreated · synthetic data · not a screenshot Load review: financials, miles and time, destination market, recreated from the app with synthetic data.
9:41
Example Carrier Driver A

Loads

All Booked 18 En route to pickup 1 At pickup
Driver B Reefer · Unit 118
At delivery
Oct 9 Charlotte, NC
Oct 10 Atlanta, GA
$968 $2.16/mi
Driver C Flatbed · Unit 309
6 hours out
Oct 10 Raleigh, NC
Oct 11 Madison, WI
$2,140 $2.31/mi
Driver D Reefer · Unit 204
Off duty
Oct 10 Fort Myers, FL
Oct 12 Nashville, TN
$1,860 $2.48/mi
Driver E Reefer · Unit 412
In transit
Oct 11 Orlando, FL
Oct 13 Dallas, TX
$2,720 $2.54/mi
Home Dispatch Loads Office More
Recreated · synthetic data · not a screenshot Manager loads board with driver status, recreated from the app with synthetic data.
RouteDawg

Routes

# route corridor GAF GAF/day used GAF/day GAF/cyc hr GAF/mi cyc hrs elapsed target
1 Dallas, TX → Atlanta, GA → Charlotte, NC I-20 / I-85 $2,140 $1,338 $1,486 $89.17 $1.58 24.0 1d 10h Charlotte, NC
2 Memphis, TN → Nashville, TN → Columbus, OH I-40 / I-65 / I-71 $1,980 $1,214 $1,361 $84.26 $1.52 23.5 1d 11h Columbus, OH
3 Houston, TX → Birmingham, AL → Knoxville, TN I-10 / I-65 / I-40 $1,760 $1,102 $1,247 $80.00 $1.46 22.0 1d 9h Knoxville, TN
4 Kansas City, MO → St. Louis, MO → Indianapolis, IN I-70 $1,520 $982 $1,094 $76.00 $1.39 20.0 1d 8h Indianapolis, IN
5 Little Rock, AR → Jackson, MS → Mobile, AL I-40 / I-55 / I-65 $1,180 $804 $918 $69.41 $1.31 17.0 1d 7h Mobile, AL

GAF = gross after fuel.

Recreated · synthetic data · not a screenshot Ranked two-leg routes for one truck, recreated from the source with synthetic figures.
Northfield Weston Riverside Fairview Lakemont Oak Ridge Clinton Little Rock Nashville Charlotte Hillsboro Pine Bluff Jacksonville MO_STL(20) TN_MEM(18) AR_LIT(6) TN_BNA(14) NC_CLT(12) FL_JAX(9) Hillsboro, TX Clinton, MO 1 rest 1 · Fri 22:05 2 rest 2 · Sat 15:05 3 rest 3 · Sun 09:57 · waited for pickup 4 rest 4 · Mon 18:20
1 Hillsboro, TX → Nashville, TN 2026-10-12
2 Charlotte, NC → Jacksonville, FL 2026-10-14

$1,640/day · $7,380 · 4.5 d · adds $1,720

Recreated · synthetic data · not a screenshot RouteDawg route plan on the map: legs, mandatory rests and the plan summary, recreated with synthetic data.

Manager loads list and route ranking. Recreated from the source with synthetic data; not a screenshot.

Part of

RouteDawg

Dispatch and route planning for small carriers.

Other case studies in this project

  • Backend

    Durable planning pipeline and trusted commands

    A trucking office needs one trustworthy record of trucks, drivers, loads and plans, even when several people work at once. RouteDawg's backend checks every change at a trusted boundary, makes retries safe for its core commands, and runs route planning in the background, with problems surfaced for attention instead of lost.

    Implemented · tested (static) · multi-company · demo hosted

  • Algorithms

    Rules-aware multi-leg route planning

    Small trucking companies lose money when a high-paying load leaves a truck stranded far from its next job. The planning engine looks two and three loads ahead: it checks pickup times, empty miles and driver hours on every leg, then ranks complete routes by what the carrier actually keeps after fuel.

    Implemented · heavily tested (static) · local

  • Frontend

    Early-access launch site

    A launch page that explains, in a carrier's own terms, why a good route beats a single high-paying load. It walks visitors from where the truck is to a ranked route, shows the phone and office apps, answers common questions, and invites early-access requests.

    Deployed (public demo URL) · early-access form implemented