[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

taianekarine/frontend-focustimer-pomodoro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Projeto - FocusTimer Pomodoro

Neste modúlo (Stage 05) do programa Explorer da Rocketseat estudamos sobre manipulação da DOM, funções callback, recursividade e outros. Este projeto foi desenvolvido durante as aulas da terceira etapa do stage 05 avançando no Javascript.

Tecnologias   |    Projeto   |    Layout   |    Licença

License


🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

JavaScript  HTML  CSS 

💻 Projeto

É um timer onde o usuário poderá colocar a quantidade de tempo desejado e ao clicar no botão play o cronometro irá decrementar os minutos e segundos. Ao clicar nos botões temos um som de click, a aplicação também tem um aúdio de fundo ficando a criterio do usuario ativar ou não este som. Quando o cronometro chega a 00:00 um toque de alarme é desparado e o som de fundo é desligado automaticamente se estiver ativo.

Neste projeto temos duas pastas, uma com o código da aula e um com um código feito por mim que é a pasta nomeada FocusTimer Pomodoro.

🔖 Layout do projeto

PRO2-1
Link do Figma:
https://www.figma.com/file/dTO7HpxjJhZc137BQ422fu/Explorer-Stage-05-Projeto-01-(Copy)?node-id=0%3A1&t=idr3ISC2aKIn8F3J-0

Aprendizado

  • Manipulação da DOM;
  • Recursividade;
  • Funções callback;
  • Criação de modal;
  • Construção de caixa de alerta;
  • ES6 Modules;
  • Validação de dados;
  • Princípios do Clean Code;

Feito com 🧡 by Taiane Karine e Rocketseat 👋 Participe da nossa comunidade!

Releases

No releases published

Packages

No packages published