Skip to content
stefan matić

Plate 04 · Logistics

LogiTrack: a fleet-operations platform from an empty repository

A trucking company needed one place to run its whole operation: vehicles, fuel, drivers, partners, invoices and documents. I designed and built the entire frontend from an empty repository.

Client
LogiTrack
Role
Frontend architect (built from scratch)
LogiTrack: how it worksSystem diagram with 5 numbered parts, explained in the list below.COMPONENT SYSTEMRadix · shadcn · Tailwind1DATA LAYERTanStack Query2TABLESTanStack Table3FORMSReact Hook Form · Zod4MODULES5
Plate 04 · LogiTrackLogistics
  • 0lines of existing code to start from — the whole frontend was architected from an empty repository
  • 7business areas covered by one consistent system: vehicles, fuel, employees, partners, clients, invoices and documents

The problem

Logistics teams live in their tools all day, and their screens are dense: fleets, fuel logs, employees, partners, clients, invoices and documentation, all linked together. A slow or inconsistent interface costs real time and causes real mistakes. There was no existing code. Every architectural decision would shape what the team could build for years.

What I did

  • Architected the whole frontend: routing, data layer, state strategy, and the form and validation approach. These are the conventions the rest of the team works inside.
  • Built the component system on Radix and shadcn/ui with Tailwind, so new screens are assembled rather than hand-built.
  • Designed data-heavy interfaces with TanStack Table and Query for large, filterable, editable datasets that stay fast.
  • Made forms safe by default with React Hook Form and Zod, so invalid data is caught before it reaches the backend.
  • Worked closely with the backend and product teams so the business logic behaves correctly.

How it works

  1. Component system (Radix · shadcn · Tailwind). The building blocks.

  2. Data layer (TanStack Query). Caching, syncing and invalidation.

  3. Tables (TanStack Table). Large datasets that stay responsive.

  4. Forms (React Hook Form · Zod). Validated before anything is sent.

  5. Modules. Vehicles, fuel, employees, partners, clients, invoices, documents.

Stack

ReactTypeScriptTanStack QueryTanStack TableZustandTailwind CSSRadix UIshadcn/uiReact Hook FormZod
Have a project?

Let's build the whole thing properly.

An MVP, a rebuild, or a system that has to survive launch day. Tell me what you're building in a 30-minute call.

Book a 30-min callmaticstefan1996@gmail.com
Need an engineer on your team?

Senior full-stack, remote, CET.

Available as a long-term contractor on a monthly rate, embedded in your team, or full-time. Seven years across React, Node and the cloud, plus CTO experience.