/projeto-fokus-alura

Projeto desenvolvido durante o Programa ONE, na fase de Especialização em Front-End

Primary LanguageCSS

Projeto Fokus - o seu Pomodoro

Projeto desenvolvido durante a especialização em front-end do Programa ONE. O foco durante o desenvolvimento era a utilização do Javascript e a manipulação do DOM.

Objetivos a serem alcançados durante o desenvolvimento

  • Conhecer alguns métodos de manipulação do DOM
  • Aprender a alterar atributos e/ou classes de forma dinâmica
  • Manipular arrays

Funcionalidade do projeto

video-sem-titulo-feito-com-o-clipchamp_PWaD40WT.mp4
  • Foco, Descanso Curto e Descanso Longo: Ao serem clicados, esses botões alteram o dinamicamente o tema da página e o timer. Sendo 25:00, 05:00 e 15:00 respectivamente. Padrão: Foco.
  • Música: Ao alternar o estado deste interruptor, uma música começará a tocar ou irá parar de tocar. Padrão: Desativado.
  • Começar/Pausar: Ao pressionar o botão "Começar" o timer irá se iniciar/retomar e botão irá alterar para "Pausar". Pressionando "Pausar" o timer para e o botão altera para "Começar". Padrão: Começar
  • Timer Zerado: Quando o timer chegar a 0 irá começar a tocar um beep e um alert informará "Tempo finalizado!". Em seguida o timer voltará ao seu valor inicial.

🛠 Tecnologias utilizadas

JavaScript HTML CSS Visual Studio Code

💻 Contato