Live scores on the screens in your venue

HTML for a two-league board

<div class="rsa-scoreboard" data-league="nfl"></div>
<div class="rsa-scoreboard" data-league="college-football"></div>
<script src="https://www.realtimesportsapi.com/widget.js" async></script>

board-server.js

import http from 'node:http';
const LEAGUES = [['football', 'nfl'], ['hockey', 'nhl']];
const H = { Authorization: `Bearer ${process.env.RSA_API_KEY}` };
const board = new Map(); // eventId -> game

async function loadBoards() {
  for (const [sport, league] of LEAGUES) {
    const { data } = await (await fetch(`https://www.realtimesportsapi.com/api/v1/sports/${sport}/leagues/${league}/events`, { headers: H })).json();
    for (const e of data) board.set(e.id, { league, name: e.shortName, home: e.homeTeam, away: e.awayTeam, status: e.status });
  }
}

async function stream() {
  const { data } = await (await fetch('https://www.realtimesportsapi.com/api/websocket/auth', { method: 'POST', headers: H })).json();
  const ws = new WebSocket(`${data.url}?token=${data.token}`);
  ws.onopen = () => {
    for (const [sport, league] of LEAGUES)
      for (const event of ['event_score_change', 'event_live', 'event_final'])
        ws.send(JSON.stringify({ type: 'subscribe', event, filters: { sport, league } }));
  };
  ws.onmessage = (m) => {
    const { type, data: d } = JSON.parse(m.data);
    const g = d && board.get(d.eventId);
    if (!g || !type.startsWith('event_')) return;
    if (d.homeTeam) g.home.score = d.homeTeam.score;
    if (d.awayTeam) g.away.score = d.awayTeam.score;
    if (type === 'event_final') g.status = { ...g.status, state: 'post', detail: 'Final' };
  };
  ws.onclose = () => setTimeout(stream, 5000); // tokens last 1 hour; reconnect with a new one
}

await loadBoards();
setInterval(loadBoards, 15 * 60 * 1000); // pick up new games and clocks
stream();
http.createServer((_q, r) => { r.setHeader('content-type', 'application/json'); r.end(JSON.stringify([...board.values()])); }).listen(8080);