Box Timer

Ein Intervall-Timer für Boxen und Workouts, der sich auf dem Smartphone installieren lässt. Gespeicherte Programme enthalten Runden, Pausen und Anweisungen; Gruppeneinheiten zeigen, wer gerade dran ist. Ich habe ihn konzipiert und entwickelt.

Veröffentlicht2026Progressive Web App

Geräte-Mockups und Screenshots öffentlicher Websites vom Oktober 2026. Die Websites können Änderungen nach meiner Mitarbeit enthalten.

Überblick

Box Timer führt wiederverwendbare Box- und Workout-Programme aus: Runden, Arbeits- und Pausenintervalle, einen Vorbereitungs-Countdown, Gong und eine Warnung vor jedem Rundenende. In Gruppeneinheiten werden jeder Runde gespeicherte Boxer zugewiesen, und der Live-Timer zeigt, wer arbeitet und was zu tun ist. Als Progressive Web App wird Box Timer aus dem Browser installiert, funktioniert offline und hält den Bildschirm während des Trainings an.

Die Aufgabe

Einen Timer im Gym präzise und gut lesbar halten und wiederkehrende Einheiten, auch Partner- und Gruppendrills, schnell einrichten.

Meine Umsetzung

Ich habe eine React-PWA entwickelt, deren Timer-Engine die Signale mit der Web Audio API sekundengenau plant. Programme, Einstellungen und die Boxerliste werden auf dem Gerät gespeichert; ein Wake Lock hält den Bildschirm während einer Einheit an.

Ergebnis

  • Gespeicherte Programme mit Arbeit, Pause und Anweisungen pro Runde
  • Gruppen- und Partnertraining mit gespeicherter Boxerliste
  • Live-Timer mit Rundenkacheln, Gong und 30-Sekunden-Warnungen
  • Installierbare Offline-App mit Bildschirm-Wake-Lock

Wie eine native App installieren

Dies ist eine Progressive Web App. Legen Sie sie auf den Home-Bildschirm Ihres Smartphones: Sie öffnet sich dann im Vollbild wie eine native App, ohne App Store, und funktioniert auch offline.

  • iPhone und iPad: Website in Safari öffnen, auf „Teilen“ tippen, dann auf „Zum Home-Bildschirm“.
  • Android: Website in Chrome öffnen, das Menü öffnen und „App installieren“ oder „Zum Startbildschirm hinzufügen“ antippen.

Eine Projektidee?

Erzählen Sie mir, was Sie entwickeln möchten. Wir besprechen den Umfang und die nächsten Schritte.