OSCAR ROJASREAL-TIME | WEBSOCKETS

2025 · REAL-TIME | WEBSOCKETS

Live Game Tracker

Real-time NBA game tracking with live score updates

Tech Stack

PythonFastAPIWebSocketsNext.jsTypeScriptTailwind CSS

Overview

A real-time game tracking application that streams live NBA game data to users via WebSockets. Built with a Python/FastAPI backend and a Next.js frontend, it shows live scores, player stats, and play-by-play updates with sub-second latency.

What I Built

  • Real-time score and stat updates pushed via WebSockets
  • Live play-by-play feed with event parsing
  • Player box score with live efficiency stats
  • Responsive UI optimized for mobile viewing during games
  • Graceful handling of connection drops and automatic reconnects

What I Learned

Gained hands-on experience with WebSocket lifecycle management — including heartbeat pings, reconnection backoff, and graceful shutdown.

Learned to build efficient streaming data parsers that handle high-frequency event streams without blocking the event loop.

Deepened understanding of React state management under rapid, concurrent data updates.