Focus Timer

Projeto Focus Timer Pomodoro do curso Explorer da Rocketseat com muitas funcionalidades legais como light ou dark mode, musica(sons) de fundo com controle de volume, acrescentar ou diminuir o tempo, som de aviso ao zerar o timer, pausar ou resetar o timer, versão com acessibilidade para dispositivos moveis e desktop.

Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Desenvolvendo esse projeto aprendi sobre:

DOM no Javascript;
Alinhamento de Grid;
Ajuste de larguras e tamanhos com CSS Clamp;
Clean Code;
Event-driven;
callbacks;
ES6 Modules;
Padrão Factory;
Injeção de dependências;
Classes e muito mais;

Screenshots

Desktop - Light Mode:

Mobile - Dark mode

Instalação

Instale meu projeto com npm:

  git clone git@github.com:ohenrick/pomodorotimer2.git
  npm init -y
  npm start