CarGames
Fem svenska familjespel för bilresan, byggda som en installerbar webbapp för passagerarnas egna telefoner.
- Next.js
- Fastify
- Socket.IO
- PostgreSQL
Bilresan som gemensam spelplan
CarGames är en självhostad, svensk och installerbar webbapp med fem familjespel för bilsemestern. Passagerarna spelar på sina egna enheter men delar samma resa, lobby och resultat.
Appen är endast avsedd för passagerare. Föraren ska inte använda den under färd.
Fem sätt att titta ut genom rutan
- Bilbingo
- Först att se
- Samlingsjakten
- I rätt ordning
- Ordkedjan
Vissa uppdrag är gemensamma och andra delas ut privat för att skapa variation. Resultat och spelstatus styrs av servern så att alla enheter ser samma händelseförlopp.
Tekniken bakom resan
Webbappen är byggd med Next.js och fungerar som PWA. En separat Fastify-server hanterar API och realtidsflöden via Socket.IO. PostgreSQL sparar användare, spelresor och frysta resultat.
Ett gemensamt gatewaylager gör att webb, API och WebSocket använder samma adress. Det minskar antalet specialfall kring sessioner och anslutningar.
Lärdom
Realtid handlar mindre om animationer än om auktoritet. När servern äger spelläget går det att återansluta, skapa historik och undvika att två telefoner avgör samma händelse på olika sätt.