# Практика: Таймер Pomodoro **Дата выполнения:** 28.05.2026 **Студент:** Акуленко И.И **Группа:** 26 (2пгп.) ## Цели: - *Создать удобный и функциональный таймер Pomodoro для повышения продуктивности пользователей за счёт чередования периодов работы и отдыха.* - *Предоставить пользователям простой инструмент для внедрения техники Pomodoro в повседневную практику без необходимости установки сложных программ или сервисов.* - *Разработать кросс‑платформенное приложение (или веб‑версию), доступное на разных устройствах и операционных системах.* - *Обеспечить интуитивный и минималистичный интерфейс, который не будет отвлекать пользователя от основной задачи.* - *Реализовать возможность персонализации настроек таймера под индивидуальные потребности пользователя (длительность интервалов, звуковые сигналы и т. д.).* - *Сделать код проекта открытым и структурированным, чтобы другие разработчики могли изучать его, вносить предложения или участвовать в развитии.* ![Лого](https://play-lh.googleusercontent.com/jp8Gz00mrmL7MbepKE9BquUFduSJvqbRg1bzS-E0-Oplr9PRdsC7dwUvMT5mI_W6lHk=w832-h470) ## Задачи: - *Реализовать основной таймер с настраиваемой длительностью рабочего интервала (по умолчанию — 25 минут) и перерыва (по умолчанию — 5 минут)* - *Добавить возможность запуска, паузы и сброса таймера.* - *Обеспечить визуальное отображение оставшегося времени в удобном формате (например, 24:59).* - *Добавить звуковой сигнал (оповещение) по завершении рабочего интервала и перерыва.* - *Реализовать автоматический переход от рабочего интервала к перерыву и обратно (цикл Pomodoro).* ![Пример приложения](https://mir-s3-cdn-cf.behance.net/project_modules/1400/78c17289433823.60207ac365802.jpg) ### Технологии - **Язык:** JavaScript / HTML / CSS - **Фреймворк:** React / Vue.js (если применимо) - **Инструменты:** Webpack, Git ### Установка - Клонируйте репозиторий на свой компьютер. - Откройте файл `index.html` в любом современном браузере. ### Использование - Настройте длительность рабочего интервала и перерыва (по умолчанию 25 и 5 минут). - Нажмите кнопку «Старт», чтобы начать отсчет. - Таймер автоматически переключится на перерыв по завершении работы. ### Тестирование - Проверка корректности отсчета времени. - Работа кнопки «Пауза» и «Сброс». - Переключение между рабочим интервалом и перерывом. ### Планы развития - Добавить сохранение настроек в локальное хранилище (`localStorage`). - Реализовать длинный перерыв после 4 циклов. - Добавить всплывающие уведомления. ## Ожидаемые результаты - Готовое веб‑приложение (HTML, CSS, JavaScript), которое можно открыть в браузере. - Рабочий таймер с настраиваемыми периодами работы и отдыха. - Интуитивно понятный интерфейс с кнопками «Старт», «Пауза», «Сброс». - Визуальное отображение текущего режима (работа/отдых), оставшегося времени и счётчика «помидоров». - Звуковые оповещения в конце каждого периода. - Сохранение пользовательских настроек в localStorage ![POMODORO](https://i.pinimg.com/736x/ac/11/58/ac1158ee8c8fade648b5afb600dccd7b.jpg)