Descobri um repo com alguns desafios para treinar. Esse é um deles, um relógio de pomodoro. Existem muitos por aí, no meu adicionei uma barra circular de progresso :)
- User can see a timer for 25 minutes - the working session
- After the working session is over, the User can see a timer for 5 minutes - the break session
- User can start / pause, stop and reset the timers
- User can hear a sound playing when the timer hits
00:00- denoting that the session has ended - User can change / customize the minutes in both sessions before starting
- User can set a long break session of 10 minutes. This will be activated every 4th break session
- abrir o circulo do canvas
- colocar o temporizador dentro do canvas
- estilizar
- mandar p análise do pessoal
- botar no github
- adicionar regra p relógio (parte cinza aparecer quando a página é carregada , junto com o timer em 00:00)
- botar os botões de incremento no relógio junto com os numeros
- corrigir break q n reseta o canvas
- duração do break n altera com o input (Esse aqui ta pegando oh. Preciso pensar com mais calma)
- arrumar o displaySessionLog que tava mostrando sempre "< 1 min"
- arrumar erros de logica no sessionLog (mostrar o label correto)
- Redesenhar o canvas no break
- Canvas descompassado com o timer (esse aqui deu trabalho demais)
- Arrumar os butoes no lugar certo do relogio
- mostrar o titulo da tarefa junto com o relogio
- meter um faded aqui p dar um efeito legal
- arrumar o css dos buttons
- arrumar o js das novas alterações
- corrigir os ajustes da Nath
- corrigir bug do setUpdatedTimers q inicia apartir do currentTime e não da workSessionDuration
- deixar responsivo
- arrumar layout para pc:
+------------------+
| ### #### #### |
+------------------+