Pomodoro Timer на JavaScript: повноцінний веб-додаток
Опис
Опис промпту
Цей промпт допоможе створити повноцінний веб-додаток Pomodoro-таймера з використанням HTML5, CSS3 та JavaScript. Ідеальне рішення для тих, хто прагне покращити свою продуктивність та ефективно керувати часом.
Для кого підходить
- Розробники, які вивчають JavaScript та хочуть створити реальний проєкт
- Фрілансери та студенти, що потребують інструменту для тайм-менеджменту
- Команди, які впроваджують методологію Pomodoro у робочий процес
Основні переваги
Анімований інтерфейс: великий круговий індикатор прогресу візуально відображає поточну сесію.
Гнучкі налаштування: можливість кастомізації робочих інтервалів (25 хв), коротких (5 хв) та довгих перерв (15 хв).
Інтеграція завдань: користувачі можуть прив’язувати Pomodoro-сесії до конкретних завдань.
Статистика продуктивності: детальне відстеження денної та тижневої продуктивності з візуальними графіками.
PWA-підтримка: додаток можна встановити з офлайн-режимом та сповіщеннями.
>_ Промпт
Створіть комплексний додаток Pomodoro-таймера, використовуючи HTML5, CSS3 та JavaScript відповідно до техніки управління часом. Спроєктуйте елегантний інтерфейс з великим анімованим круговим індикатором прогресу, який візуально відображає поточну сесію. Дозвольте налаштування робочих інтервалів (за замовчуванням 25 хв), коротких перерв (за замовчуванням 5 хв) та довгих перерв (за замовчуванням 15 хв). Додайте інтеграцію списку завдань, де користувачі можуть прив'язувати Pomodoro-сесії до конкретних завдань. Додайте налаштовані звукові сповіщення для переходів між інтервалами з контролем гучності. Реалізуйте детальне відстеження статистики денної/тижневої продуктивності з візуальними графіками. Використовуйте localStorage для збереження налаштувань та історії між сесіями. Зробіть додаток таким, що встановлюється як PWA з офлайн-підтримкою та сповіщеннями. Додайте клавіатурні скорочення для швидкого керування таймером (старт/пауза/скидання). Включіть кілька варіантів тем з налаштовуваними кольорами та шрифтами. Додайте режим фокусування, який блокує відволікаючі фактори під час робочих інтервалів.