/pomodoro-timer

Pet-проект Pomodoro Timer (frontend)

Primary LanguageJavaScript

Pet-проект: Pomodoro Timer (frontend).


Описание идеи:

Одностраничное приложение таймера обратного отсчета по системе Pomodoro Technique.

Функционал:

Приложение создано на React.js с функциональными компонентами. Одностраничное приложение таймера обратного отсчета по технике Pomodoro Technique, заключающейся в интенсивной работе в течении 25 мин и отдыха в течении 5 мин с последующим повторением до 5 циклов работы. Реализована возможность переходить отдельно на таймер работы и таймер отдыха, а также в качестве бонуса на таймер StopWatch, в котором через установки можно самостоятельно задать интервал времени. Использована адаптивная Flexbox верстка, встроенные хуки UseState и UseEffect, а также сторонний кастомный хук useSound.

Стек:

HTML5 CSS3 JavaScript React

Ссылка на рабочий сайт:

https://vladimirivancha.github.io/pomodoro-timer/

Ссылка на GitHub Pages:

https://github.com/VladimirIvancha/Pomodoro-timer


Планы по доработке:

  • реализовать на главной странице Pomodoro Timer общий блок со шкалами, заполняющимися по мере истечения времени;
  • реализовать воспроизведение звукового сигнала в конце таймера;
  • реализовать функционал для бонуса - StopWatch Timer;
  • разместить приложение на внешнем сайте для общего доступа;
  • реализовать закрытие гамбургер-меню и меню настроек по внешнему полю и по нажатию клавиши Esc;
  • реализовать возможность выбора звукового сигнала.