Современный Pomodoro-таймер с задачами, статистикой, тёмной/светлой темой, конфетти и локальным хранилищем.
Проект разработан Андреем Викуловым (VProger) как демонстрация навыков JS, TailwindCSS и работы с состояниями в браузере.
- ⏱ Помодоро-таймер (Work / Break / Long Break)
- 🔁 Автоматическое переключение фаз
- 🧠 Список задач с прогрессом
- 📊 График продуктивности за день/неделю (Chart.js)
- 💾 LocalStorage: задачи, настройки, статистика
- 🌓 Светлая/тёмная темы
- 🎉 Конфетти при завершении цикла
- 🎧 Звуковой сигнал
- 📱 Полностью адаптивный интерфейс
- ⚡ Без зависимостей — всё на чистом JS
pomodoro-pro/
│ index.html
│ style.css # Tailwind build (или CDN)
│ main.js # Инициализация и маршрутизация
│ timer.js # Логика таймера
│ tasks.js # Задачи + LocalStorage
│ stats.js # Статистика (Chart.js)
│ theme.js # Переключение темы
│ storage.js # Безопасные операции с LocalStorage
│ confetti.js # Эффект при завершении
│ README.md
└── assets/
ding.mp3
icon.png
logo.svg
- HTML5 — семантическая верстка
- TailwindCSS — современная utility-стилизация
- JavaScript (ES Modules)
- Chart.js — графики
- LocalStorage API
- CSS Variables — динамическая тема
- Анимации / SVG / Confetti
Проект статический — достаточно открыть index.html или загрузить на GitHub Pages.
- ⏳ История работы по дням/неделям (дилоговая статистика)
- ☁️ Синхронизация задач и статистики через GitHub Gist API
- 🔊 Несколько вариантов звуков
- 🧩 Drag & drop для задач
- 📈 Аналитика по эффективности (длина пауз, зависание)
- 🔐 PWA: офлайн-режим + установка на телефон
- 🎨 Темы оформления: Solarized, Dracula, Nord
Андрей Викулов (VProger)
Full-Stack Developer · Laravel · Bitrix · Django · React · DevOps
💼 https://vproger.ru
🐙 GitHub: https://github.com/va-proger