Я сделал бесплатный интервальный таймер для тренировок — PWA без рекламы и регистрации

Всё началось с раздражения. Каждый раз перед тренировкой я открывал таймер на телефоне — и либо натыкался на рекламу в самый неподходящий момент, либо приложение требовало регистрацию ради простого отсчёта секунд. Либо экран гас на середине подхода.

Я решил сделать свой.

Что получилось

ОДИН·ДВА — интервальный таймер прямо в браузере. Никакого магазина приложений, никакой регистрации. Открыл — тренируешься.

Принцип простой: один — работа, два — отдых. Задаёшь время каждой фазы, число раундов — и поехали.

Из того что реально важно в зале:

— Разная музыка для работы и отдыха. Во время подхода громкая, в паузе потише

— переключать руками не нужно

— Работает офлайн. После первого открытия не нужен интернет

— Экран не гаснет во время тренировки

— Вибрация при смене фаз — слышно даже в наушниках

— История тренировок сохраняется на устройстве

Технически

Чистый HTML + CSS + JS, никаких фреймворков. Хостинг на GitHub Pages. Все данные хранятся локально — localStorage и IndexedDB для музыки. На сервер ничего не уходит.

Самым сложным оказался звук на iOS. AudioContext там создаётся в suspended состоянии и требует разблокировки через жест пользователя. Пришлось переделывать всю логику инициализации аудио.

Попробовать

odin-dva.ru — открывается в любом браузере, можно добавить на экран как приложение.

Буду рад обратной связи — особенно от тех кто реально тренируется.

PWA, фитнес, тренировки, веб-разработка, JavaScript

2
2 комментария