Public-safe preview build of my League broadcast overlay system.

This repo is designed for portfolio/demo use:

• Runs fully in mock mode (no private websocket backend required).
• Cycles through overlay states to show behavior over time.
• Keeps the real private/live infrastructure out of this repository.

• Full overlay composition and transitions
• Global scoreboard + team scoreboard
• Side strips, side info, objective timers, alerts
• Gold graph, damage graph, runes, teamfight cards
• Mock scene indicator + preview background for readability checks

npm install

Create .env.local:

NEXT_PUBLIC_DATA_MODE=mock
NEXT_PUBLIC_MOCK_SCENE=cycle
NEXT_PUBLIC_MOCK_PHASE_SECONDS=15
NEXT_PUBLIC_OVERLAY_PREVIEW_BG_URL=/mock-bg/league-in-game.jpg

npm run dev

Open:

• http://localhost:6996/overlays/full

• NEXT_PUBLIC_DATA_MODE:
  • mock (recommended for this repo)
  • live (only if you have a compatible LB backend)
• NEXT_PUBLIC_MOCK_SCENE:
  • cycle, sideInfo, goldGraph, runes, damageGraph, teamfight
• NEXT_PUBLIC_MOCK_PHASE_SECONDS:
  • Scene duration when cycle is enabled
• NEXT_PUBLIC_OVERLAY_PREVIEW_BG_URL:
  • Optional background image under mock overlay for visual review

• /overlays/debug
• /overlays/debug-logo
• /overlays/test

npm run dev
npm run build
npm run start
npm run lint

• This is a preview/demo repository, not the private production control repo.
• Mock data is intentionally synthetic and tuned for UI coverage, not match accuracy.