Skip to content

Projeto feito durante o Stage 5, Projeto único do novo 3° Módulo do Explorer da Rocketseat.

License

Notifications You must be signed in to change notification settings

Rhogger/Focus-Timer-v3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Focus Timer 3.0

Projeto    |    Tecnologias    |    Layout    |    Licença

License


Preview




💻 Projeto

Projeto criado durante o 4° Módulo do Stage 5 do Explorer, sendo ele um Timer estilo pomodoro.

Objetivo dessa aplicação é definir um tempo para o contador e quando ele chegar em zero, disparar um alarme. É possível ouvir um som ambiente de background (ou não) e também pausar, resetar e editar o tempo do contador.

Adquiri conhecimentos de padrão de design Factory, modularização, estruturação de dados, manipulação de eventos e audios, técnicas da prática de código limpo, aprimorando os conhecimentos do ES6, refatoração, um pouco de regex, dataset e manipulação de estados da aplicação somente com HTML e CSS, e o JavaScript para alternar os estados.



🚀 Tecnologias

  • HTML
  • CSS
  • JavaScript


🔖 Layout

Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.



🔒 Licença

Esse projeto está sob a licença MIT.