Spectra
React 18

Spectra

Enterprise Fleet Management Platform

Overview

Spectra is an enterprise fleet management platform built for Group Taiga to run corporate vehicle operations across multiple companies from a single system. It covers the entire vehicle lifecycle, from acquisition, leasing and driver assignment through maintenance, diagnostics, insurance and cost control, and layers a self-service portal on top so drivers handle routine requests without back-office involvement. I built the React/TypeScript frontend that ties more than twenty backend service domains into one cohesive product.

What It Does

The platform delivers role-aware dashboards for fleet, maintenance, finance and driver performance, with vehicle location on Google Maps and an animated live-tracking map for routes. It handles route planning and optimization, mileage- and interval-based maintenance with repair history and parts inventory, and OBD diagnostic trouble code (DTC) lookups tied to connected IoT devices. Finance modules manage budgeting, expenses, invoicing, revenue tracking and vehicle contracts, while compliance modules cover driver licenses, insurance policies and claims. A large self-service driver portal lets drivers book tire, maintenance, inspection and vehicle-return appointments, request roadside assistance, dispute invoices and top up HGS toll tags.

Tech Stack

React 18TypeScriptViteRadix UITailwind CSSTanstack QueryTanstack TableZustandReact Hook FormZodGoogle Maps APIRechartsKubernetes

Key Features

Vehicle location on Google Maps plus an animated live-tracking map with route planning and optimization

Company, leased and rental vehicle management with fuel and status tracking

Driver management with license expiration tracking, shift scheduling and performance metrics

Maintenance scheduling with repair history, service providers, tire and parts inventory

IoT device management with OBD diagnostic trouble code (DTC) lookups

Finance suite: budgeting, expenses, invoicing, revenue tracking, contracts and cost analysis

Insurance management with policy overview, claims status, risk analysis and renewal calendar

Self-service driver portal: appointment booking, roadside assistance, invoice disputes and HGS toll top-ups

Multi-tenant, company-scoped data with JWT-based role access and token-gated driver onboarding

Technical Highlights

React 18 and TypeScript on Vite, with a Radix UI (shadcn-style) accessible component layer
TanStack Query for data fetching and caching, TanStack Table for advanced data grids
Zustand stores for company, role, user and license state; React Hook Form + Zod for typed validation
axios client with JWT Bearer auth and silent token refresh that queues and retries in-flight requests
Google Maps (@vis.gl/react-google-maps) plus Leaflet for the live route map; Recharts and Chart.js for analytics
Near-real-time updates via polling (30s route refresh) with an animated live map
Multi-tenant, role-based routing with protected routes decoded from the JWT
Containerized (multi-stage Docker to nginx) and deployed on Kubernetes with horizontal pod autoscaling and GitLab CI

Key Achievements

01

Unified 20+ backend service domains into a single coherent frontend spanning vehicles, drivers, maintenance, finance and compliance

02

Built a resilient auth layer with silent JWT refresh and a queued-request retry mechanism to avoid failed calls during token renewal

03

Delivered a multi-tenant, role-based UI where administrators oversee all companies while drivers and staff see only their scope

04

Shipped an extensive self-service driver portal that offloads routine requests from the back office

05

Set up production-grade delivery with Docker, Kubernetes autoscaling (2-5 replicas) and GitLab CI

Impact & Results

Gave Group Taiga a single operational hub for corporate fleets, replacing scattered manual workflows with one role-aware system for tracking, maintenance, finance and compliance. The self-service driver portal reduces back-office load, and the containerized, autoscaling Kubernetes deployment keeps the platform responsive as fleet volume grows.