Seu desafio é criar um cronômetro que utiliza a técnica do pomodoro para ajudar na gestão de tempo! O modelo final está disponível na pasta "design"
- Sua página deverá uma tela inicial onde será possível configurar o tempo de trabalho, tempo de pausa e a quantidade de vezes que isso será feito.
- Por padrão, virá 25 minutos, 5 minutos e 3 vezes. Porém, o usuário poderá alterar esses dados clicando nas setas para cima ou baixo
- Após isso, o usuário poderá clicar em continuar e iniciar seu cronômetro
- O usuário poderá pausar ou dar play no cronômetro
- Você poderá adicionar um círculo em volta do inicador de tempo, que será preenchido conforme o tempo vai chegando ao fim.
- Você poderá adicionar um alerta sonoro quando o tempo acabar, para avisar o usuário
- HTML e CSS
- Framework ou linguagem que preferir :)
1 - Use esse template (clicando em Use this template) ou faça um fork deste repositório com o código inicial
2 - Leia as instruções no readme.md
3 - Comece a codar! Sinta-se livre para utilizar o fluxo de trabalho que ache mais confortável
4 - Compartilhe seu resultado com a comunidade! Se puder, mostre seus resultado aqui no repositório também, criando uma Issue :)
Azul mais escuro: #333853
Azul mais claro: #3C4262
Verde: #219653
Amarelo: #F2C94C
O modelo final desktop está disponível na pasta ./design
Para os ícones, recomendamos que utilize alguma biblioteca, como o Font Awesome
- Roboto