Este é um projeto de Timer Pomodoro desenvolvido do zero utilizando JavaScript (JS), HTML e CSS. O Timer Pomodoro é uma técnica de gerenciamento de tempo que ajuda a melhorar a produtividade, alternando entre períodos de trabalho focado e pequenas pausas.
- Configuração de intervalos de tempo (25 minutos de trabalho, 5 minutos de pausa curta e 15 minutos de pausa longa).
- Iniciar, pausar e reiniciar o timer.
- Notificação quando o tempo do Pomodoro termina.
- Interface agradável e responsiva.
As cores utilizadas neste projeto são:
- Fundo: #2B2E4A
- Cor do botão: #44c767
- Cor do texto: #77B255
Os ícones usados neste projeto são obtidos do Iconify, uma excelente coleção de ícones para desenvolvedores.
Não são necessários pré-requisitos específicos para rodar este projeto. Basta abrir o arquivo index.html em um navegador da web moderno.
Este projeto está implantado e acessível online através do Vercel. Você pode acessá-lo aqui.
A implantação no Vercel permite que você experimente o Timer Pomodoro diretamente no navegador, sem precisar clonar o repositório ou configurar um ambiente de desenvolvimento.
Ou se preferir:
- Clone o repositório:
git clone https://github.com/seu-usuario/pomodoro-timer.git- Navegue até o diretório do projeto:
cd pomodoro-timer-
Abra o arquivo
index.htmlem seu navegador. -
Configure o tempo desejado e clique no botão correspondente para iniciar o Pomodoro.
-
Use os botões de pausa e reinício conforme necessário.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests para melhorias ou correções.
Aproveite seu Timer Pomodoro e aumente sua produtividade! Se você tiver alguma dúvida ou sugestão, não hesite em entrar em contato.