Ferramenta para auxiliar na aplicação do método Pomodoro. Controle seus ciclos de foco e descanso e aumente sua produtividade.
O objetivo deste projeto foi desenvolver um sistema do Pomodoro em equipe durante o evento Live CoDe da Comunidade CoDe.
- Criar um cronometro de 25 minutos
- Criar o visual do ativador do cronometro
- Conectar o ativador do cronometro com a função de criar cronometro
- Disparar um aviso ao fim do cronometro
- Criar a lógica de contador de segundos
- Calcular o tempo restante no cronometro
- Criar o componente do cronometro na tela
- Exibir visualmente o tempo restante no componente do cronometro
- Ter uma outra ativação do cronometro, com 5min, para o intervalo
- Mudar a cor na troca de cada estado
- Botão para pausar e retornar ao contador
- Exibir uma contagem de pomodoros
- Depois de 4 pomodoros ativar um intervalo longo de 15min
- Ter uma apresentação visual melhor para o aviso de fim do cronometro
- Avisos sonoros para cada início e fim
- Ativar função de ir no automático para a próxima etapa do pomodoro
- Notificações no navegador para cada aviso de início e fim
- Configurar a quantidade de tempo de um bloco de trabalho e um bloco de intervalo
- Ter uma lista de tarefas executadas
- Salvar o status no localStorage para se a aba for encerrada
- Extensão do navegador
- Alterar o tema
- Função de esconder o timer
- Acessibilidade para o cronometro com a tag
🛠️ ...;