CHEPIO.TECHBox Timer
Інтервальний таймер для боксу й тренувань, який встановлюється на телефон. Збережені програми пам’ятають раунди, відпочинок та інструкції, а групові сесії показують, хто зараз працює. Я спроєктував і створив застосунок.
Макети на пристроях і скриншоти публічних сайтів за жовтень 2026 року. Сайти можуть містити зміни, внесені після моєї участі.
Огляд
Box Timer запускає багаторазові програми для боксу й тренувань: раунди, інтервали роботи й відпочинку, відлік перед стартом, гонг і попередження перед завершенням раунду. У групових сесіях до кожного раунду призначаються збережені боксери, а таймер показує, хто працює і що робити. Це прогресивний вебзастосунок: він встановлюється з браузера, працює офлайн і не дає екрану згаснути під час тренування.
Завдання
Зберегти точність і читабельність таймера в залі та зробити так, щоб повторні тренування, зокрема з партнерами й у групі, налаштовувалися швидко.
Що я зробив
Я створив PWA на React, рушій таймера якого планує сигнали через Web Audio API точно на межі секунд. Програми, налаштування й список боксерів зберігаються на пристрої, а wake lock не дає екрану згаснути під час тренування.
Результат
- Збережені програми з роботою, відпочинком та інструкціями для кожного раунду
- Групові й парні тренування зі збереженим списком боксерів
- Таймер із плитками раундів, гонгом і попередженнями за 30 секунд
- Застосунок, що встановлюється й працює офлайн, з утриманням екрана
Встановіть як нативний застосунок
Це прогресивний вебзастосунок (PWA). Додайте його на головний екран телефона: він відкриватиметься на весь екран, як нативний застосунок, без магазину застосунків, і працюватиме офлайн.
- iPhone та iPad: відкрийте сайт у Safari, натисніть «Поділитися», а потім «На початковий екран».
- Android: відкрийте сайт у Chrome, відкрийте меню й натисніть «Установити застосунок» або «Додати на головний екран».
Маєте ідею проєкту?
Розкажіть, що хочете створити. Обговоримо обсяг роботи та наступні кроки.
