Soccer Streaming Overlay
A desktop app for live soccer match graphics. A control panel updates scores, timers, and rosters in real time, and a separate overlay is ready to drop into OBS as a browser source. Electron wraps a FastAPI backend and a Vite frontend into one portable Windows executable.
Control panel
- Switch periods (halves, break, extra time, penalty shootout), run a count-up timer or a futsal countdown, and set additional time.
- Set team names, abbreviations, scores, and three brand colors. Rosters track goals, own goals, yellow cards, red cards, and who is on the field.
- Click a player on the live dashboard to record a goal and bump the score. A second yellow can convert to a red automatically.
- Show VAR decisions, import or export the match files, and set keyboard shortcuts for the main actions.
Broadcast overlay
The Broadcast page toggles the scoreboard, a game report with
scorers, a match timeline, and a side-by-side player list. OBS
loads the overlay from a local URL
(localhost:8001) as a 1920×1080 browser source. The
FastAPI server on localhost:8000 keeps match state and
pushes updates over WebSockets. Team info, overlay styling, period
settings, and shortcuts are stored as JSON next to the executable.