pomodoro

Трекер задач по методу Помодоро 🍅

Функционал

Работа со списками задач (добавить, редактировать, удалить, завершить)

📑

Пользователь может запланировать несколько задач и для каждой задать примерное количество «помидоров» (временных интервалов), которое необходимо, чтобы её выполнить.

Верхняя задача из списка — это текущая задача. При успешном завершении задача переходит в список выполненных задач.

Работа с таймером (старт, стоп, пауза, продолжить, пропустить, завершить)

⏰

Интревалы работы чередуются с более короткими интервалами отдыха.

Пользователь может поставить таймер на паузу, если его отвлекли, а также полностью прекратить выполнение задачи, удалив ее, либо отметив завершенной.

Статистика использования таймера (общее время, время на паузе, остановки и др.)

📊

На этой странице отображается статистика по использованию приложения и некоторые полезные метрики.

Пользователь может посмотреть столбчатую диаграмму с количеством часов, когда он работал с таймером. Может выбрать неделю, за которую он хочет посмотреть статистику. Может посмотреть дополнительные метрики, такие как:

• Фокус (отношение времени, потраченного на законченные «помидорки», к общему времени работы с таймером)

• Время на паузе

• Остановки

Особенности

• Состояние приложение сохраняется при перезагрузке
• По истечении таймера раздаётся сигнал и появляется модальное окно с уведомлением
• Верстка на гридах

Запуск

npm start для запуска в режиме разработки

⭐ Поменять интервалы работы таймера можно в файле settings.ts в директории src

⭐ В целях демонстрации страницы со статистикой Local Storage заполняется моковыми данными за 3 недели (не включая текущий день). Необходимо будет обновить страницу

Посмотреть на Vercel --> pomodoro 🌈

Превью

Главная:

Статистика: