henrique1818 / pomodoro

gerenciador de tempo (produtividade), esse foi um desafio da DevChallenge em criar uma aplicação web da Técnica Pomodoro

Pomodoro by Lorena

Cronômetro pomodoro para gerenciamento de tempo

Desafio · DevChallenge

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