Focus Timer

   |    Projeto   |    Funções   |    Techs   |    Requisitos   |   

Projeto

O projeto tem como objetivo construir um temporizador web do zero utilizando a prototipação disponível no Figma, para fortalecer meus conhecimentos em HTML, CSS e JavaScript aplicando diversos conceitos que aprendi.

Para visualizar e utilizar o Focus Timer, clique aqui.

Funções

• Light Mode
• Dark Mode
• Button Play (inicia o temporizador)
• Button Stop (para o temporizador)
• Button + (aumenta em mais 5 minutos o tempo do temporizador)
• Button - (diminui em 5 minutos o tempo do temporizador)
• Cards (Destaque no card selecionado)
• Cards (Card selecionado toca uma musica especifica)
• Cards (Opção de controle no volume da musica)
• Timer End (No 0:00 o Temporizador reseta e toca um alarme)

Tecnologias

Tecnologias utilizadas para desenvolvimento do Temporizador Web:

• HTML5
• CSS3
• JavaScript
• Vercel

Requisitos

• Live Server
• Git - Opcional
• Visual Studio Code

---

Made with ♥ by Fernanda Dias