← Portfolio · Eigen project

Pubgolf-app met live scorebord

Een platform waarin teams een kroegroute met uitdagingen doorlopen, en de stand voor iedereen live wordt bijgehouden.

Eigen project · event-platform

Probeer de demo hiernaast zelf uit: open een uitdaging, vul een score in en bekijk de live stand.

Probleem

Een kroegentocht die zichzelf bijhoudt

Voor een kroegentocht met een spelelement was er geen praktische manier om de voortgang en score bij te houden: een gedeeld account is omslachtig, een los scoreblaadje raakt kwijt, en niemand wil van tevoren weten wie er voorstaat. Iedereen moest live kunnen volgen wat de andere teams doen, zonder gedoe met inloggen of e-mailadressen.

Aanpak

Realtime scores, per team een eigen tocht

Ik bouwde het platform met React en TypeScript, met Supabase als realtime-backend: wat één team invult, ziet iedereen meteen verschijnen. Spelers loggen in met een zelfgekozen gebruikersnaam, zonder e-mailadres of gedeeld account nodig te hebben.

Elke hole heeft een eigen puntenscore en penalty: een gelukte uitdaging levert Varkenspunten op, een mislukte kost ze. De eindstand blijft verzegeld tot de laatste hole, zodat de spanning tot het einde blijft bestaan.

Het platform is niet aan één specifieke tocht gebonden: iedereen kan er zelf een eigen pubgolf mee opzetten en beheren.

Resultaat

Eén scorebord, voor iedereen tegelijk

Het resultaat is een werkend pubgolf-platform waarin de route, de uitdagingen en de stand allemaal op ieders eigen telefoon live worden bijgehouden. De werkende mini-versie hierboven laat precies zien hoe een hole, de route en de tussenstand er in de praktijk uitzien: klik door meerdere holes en de stand rekent live mee.

Techniek

Gebruikte technologie

  • React
  • TypeScript
  • Supabase
  • Realtime

Zelf een idee voor een event-app of iets met live scores?

Neem contact op