Skip to content

Estudo de javascript voltado a front-end através deste projeto Fokus (timer pomodoro)

Notifications You must be signed in to change notification settings

michelsandre/projeto-fokus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto Fokus

Práitica de lógica de programação do curso da Alura através deste desafio de um aplicativo de timer pomodoro.

🚀 Funcionalidades

  • Timer regressivo para foco, descanso curto e descanso longo
  • Utilização de audio para concentração
  • Uso de formatação dos minutos e segundos utilizando toLocaleString(undefined, {minute: '2-digit',second: '2-digit'})
  • Utilização de localStorage() para armazenamento das tarefas
  • Evento de concluir tarefa ao término do tempo através da função var event = new CustomEvent()

🛠 Tecnologia aplicada

Javascript, HTML, CSS...

🕹 Uso/Exemplos

Função de mostra tempo na tela formatado

function mostrarTempo() {
  let tempo = new Date(tempoDecorrido * 1000); // para milisegundos;
  let tempoFormatado = tempo.toLocaleString(undefined, {
    minute: "2-digit",
    second: "2-digit",
  });

  tempoNaTela.innerHTML = tempoFormatado;
}

Design do projeto

Projeto do Design Fokus no Figma: Link

Autores

About

Estudo de javascript voltado a front-end através deste projeto Fokus (timer pomodoro)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published