https://github.com/parlandin/pomodoro-challenge

https://github.com/parlandin/pomodoro-challenge

Last synced: 14 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/parlandin/pomodoro-challenge
• Owner: parlandin
• Created: 2023-07-17T19:41:30.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-07-17T19:41:33.000Z (over 1 year ago)
• Last Synced: 2024-11-04T06:02:08.612Z (2 months ago)
• Language: HTML
• Size: 227 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        





    

  
Pomodoro by Lorena



 


  


     Cronômetro pomodoro para gerenciamento de tempo

       


    


    Desafio

    ·

    DevChallenge

  


## Índice

* [Devchallenge](#devchallenge) 

* [Desafio](#desafio)

* [Techs](#techs)

* [Como começar](#como-começar)

* [Dicas](#dicas)  

  * [Cores](#cores)

  * [Modelo](#modelo)

  * [Imagens](#imagens)

  * [Icones](#icones)

  * [Tipo de fonte](#tipo-de-fonte)

* [Compartilhe](#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 :)