Rajdeep Singh

← Back to show

USC Formula SAE Racing Team Dashboard

Next.jsFastAPIWebSocketsDocker

Real-time telemetry and data platform for USC's FSAE car. WebSocket sensor streams, YAML-driven forms across ~10 subteams, automated LDX config injection, RBAC, and audit logging.

Login screen

Architecture

Three-container Docker Compose stack with Caddy reverse proxy (auto-HTTPS):

  • Frontend — Next.js 14 App Router, shadcn/ui, Tailwind, Recharts, SWR
  • Backend — FastAPI, SQLModel, SQLite, JWT auth, WebSocket telemetry
  • Infra — Caddy TLS termination, volume-mounted SQLite

Key systems

  • WebSocket telemetry — DAQ pushes JSON frames to the backend; frontend renders configurable live charts with auto-reconnect and exponential backoff
  • YAML-driven forms — config files define field types, tab grouping, lookback diffs, and stale-data detection
  • LDX injection — file watcher populates .ldx XML configs with current form state before test runs
  • RBAC + audit — per-user subteam scoping; every mutation logged with user, timestamp, old/new value

Telemetry dashboard

Source coming soon.