Skip to content

va-proger/vp-pomidora

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍅 Pomodoro Pro — продуктивность без суеты

Современный 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


⭐ Если проект был полезен — поставь звезду!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published