Nel fantasy tra amici guardavamo i punteggi nei weekend di gara, ma nell'app ufficiale vedevamo solo il totale. Volevo distinguere qualifiche, sprint, gara e bonus e avere i dati aggiornati senza ricaricarli a mano.During race weekends, my friends and I checked our fantasy scores, but the official app showed us only the total. I wanted to see qualifying, sprint, race and bonus separately, with data that updates without a manual reload.
Progetti / PWA
BoxBox
PWA per seguire la MotoGP 2026 e il fantasy della lega privata, con i dati aggiornati ogni ora.A PWA for following MotoGP 2026 and the private league's fantasy game, with data refreshed every hour.
Il problemaThe problem
Cosa ho costruitoWhat I built
Per la nostra lega privata ho fatto una PWA. Ogni ora la pipeline Node.js prende i dati pubblici e quelli dell'API fantasy, calcola i punteggi e aggiorna i file del sito. Quando scade la sessione autenticata, un browser headless rinnova il cookie. Se la pipeline fallisce, mi arriva un messaggio su Discord. Quando cambia l'API devo rimetterci mano.I made a PWA for our private league. Every hour the Node.js pipeline fetches public and fantasy API data, calculates scores and updates the site files. When the authenticated session expires, a headless browser renews the cookie. If the pipeline fails, I get a Discord message. When the API changes, I have to adjust the code.
Tech Stack
Vanilla HTML/CSS/JS
Node.js
Docker
nginx:alpine
PWA / Service Worker
Playwright / CDP
Cron
Apri il repository su GitHubOpen the repository on GitHub