Box Timer

Een intervaltimer voor boksen en workouts die je op je telefoon installeert. Opgeslagen programma’s bewaren rondes, rust en instructies, en groepssessies tonen wie er aan de beurt is. Ik heb hem ontworpen en gebouwd.

Uitgebracht2026Progressive Web App

Apparaatmockups en schermafbeeldingen van openbare websites uit oktober 2026. De sites kunnen wijzigingen bevatten die na mijn bijdrage zijn aangebracht.

Overzicht

Box Timer draait herbruikbare boks- en workoutprogramma’s: rondes, werk- en rustintervallen, een aftelling vooraf, een gong en een waarschuwing voor het einde van elke ronde. In groepssessies worden opgeslagen boksers aan elke ronde gekoppeld, en de timer toont wie er werkt en wat er moet gebeuren. Het is een Progressive Web App die je vanuit de browser installeert, offline werkt en het scherm aan houdt tijdens een sessie.

Het doel

Een timer in de sportschool nauwkeurig en leesbaar houden, en herhaalde sessies, ook partner- en groepsdrills, snel instellen.

Mijn werk

Ik bouwde een React-PWA waarvan de timerengine signalen met de Web Audio API op de seconde nauwkeurig plant. Programma’s, instellingen en de lijst met boksers staan op het apparaat, en een wake lock houdt het scherm aan tijdens een sessie.

Resultaten

  • Opgeslagen programma’s met werk, rust en instructies per ronde
  • Groeps- en partnertraining met een opgeslagen lijst boksers
  • Live timer met rondetegels, gong en waarschuwingen 30 seconden vooraf
  • Installeerbare offline app die het scherm aan houdt

Installeer als native app

Dit is een Progressive Web App. Zet de app op het beginscherm van je telefoon: hij opent schermvullend zoals een native app, zonder appwinkel, en werkt offline.

  • iPhone en iPad: open de site in Safari, tik op Deel en daarna op Zet op beginscherm.
  • Android: open de site in Chrome, open het menu en tik op App installeren of Toevoegen aan startscherm.

Een project in gedachten?

Vertel wat u wilt bouwen. We bespreken de omvang en de volgende stappen.