Назад

Скриншот:

Скриншот приложения Pomodoro-app

Проект:Pomodoro-app

Описание:

Веб-приложение для работы по методу Помодоро с таймером и списком задач. Пользователь может запускать таймер с фазами «фокус», «короткий перерыв» и «длинный отдых», настраивать длительность (5–60 минут) и число сессий в цикле (2–4), вести список задач: добавлять, редактировать, отмечать выполненными и удалять завершённые. Реализованы звуковые сигналы и системные уведомления при смене сессии и завершении цикла; настройки и задачи сохраняются в localStorage с проверкой и подстановкой безопасных значений. Состояние таймера синхронизируется между вкладками через BroadcastChannel, конфиг и задачи — через событие storage; при открытии новой вкладки таймер восстанавливается из сохранённого состояния в режиме паузы. Приложение оформлено как PWA: его можно установить на устройство, использовать офлайн и получать обновления в фоне.

Стек технологий:

  • React
  • Redux Toolkit
  • Styled Components
  • React Hot Toast
  • React Icons