Índice

Devchallenge
Desafio
Techs
Como começar
Dicas
- Cores
- Modelo
- Imagens
- Icones
- Tipo de fonte
Compartilhe

Devchallenge

DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade o/

Desafio

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"

Requisitos:

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

Requisitos bônus

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

Techs:

HTML e CSS
Framework ou linguagem que preferir :)

Como começar:

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 :)

Dicas

Cores:

Azul mais escuro: #333853
Azul mais claro: #3C4262
Verde: #219653
Amarelo: #F2C94C

Modelo:

O modelo final desktop está disponível na pasta ./design

Icones

Para os ícones, recomendamos que utilize alguma biblioteca, como o Font Awesome

Tipo de fonte:

Roboto

Compartilhe!

Inicie seu projeto utilizando esse template no seu github como um repositório público
Faça um print, gif ou vídeo e compartilhe o resultado no seu Linkedin

Desafio criado por Lorena :)

trickvg/pomodoro

Pomodoro by Lorena