/guarda-tarefa

Cronômetro que guarda o tempo registrado com o nome escolhido, ajudando, por exemplo, organizar os estudos e tarefas

Primary LanguageCSSMIT LicenseMIT

GitHub

Cronômetro e Guarda Tarefas

Feito com javascript, html e css para fins de estudo.

Features:

  • Possui função cronômetro e contador de volta, registrando o tempo em segundos, minutos e horas.

  • Salva o tempo registrado no cronômetro com um nome (tarefa).

  • Pode continuar a marcar o tempo de uma tarefa salva.

  • Instalável, funcionando como PWA.

  • Salva todas as ações, o tema selecionado, o tempo, as tarefas e as voltas registradas em localStorage, podendo assim, atualizar a página ou fechar o navegador que os dados continuam registrados até serem apagados manualmente.

  • Contém 10 temas, sendo 5 dark e 5 light.

  • Possui efeito de mouseover na versão desktop com instruções nos botões.

  • Continua marcando o tempo mesmo com navegador minimizado.

  • As tarefas são organizadas automaticamente em ordem alfabética.

  • Possui responsividade em praticamente qualquer rersolução de tela, desktop ou mobile.

Instruções:

0 - Instalar WebApp:

Pressionar botão "Instalar App" e confirmar instalação.

1 - Zerar o cronômetro:

Clicar uma vezes no icone da lixeira.

2 - Apagar todas as voltas registradas:

Clicar duas vezes no icone da lixeira.

3 - Salvar o tempo registrado como uma tarefa (com um nome ou não):

Clique no ícone de salvar (preferencialmente defina um nome) e clique em Guardar.

4 - Apagar uma tarefa:

Clique encima da tarefa e depois no modal que aparecer clique em Apagar.

5 - Iniciar o cronômetro a partir do tempo registrado em uma tarefa:

Clique encima do nome ou tempo da tarefa e depois no modal que aparecer clique em Continuar. Em seguida inicie o cronômetro.

6 - Para acrescentar mais tempo em uma tarefa específica:

Inicie o cronômetro como descrito anteriormente na etapa "5" a partir de uma tarefa (tempo) previamente salva. Após terminar o tempo desejado, salve-o com o mesmo nome da tarefa que deseja sobrescrever.

7 - Trocar o tema:

Clique no menu dropdown no canto superior direito e selecione um dos temas.

⚠ Aviso:

Tarefas salvas com nome iguais se sobreescrevem. Letras maiúsculas podem ser usadas para diferenciar o nome.

  • Obs: Por enquanto, o cronômetro marca até 99 horas, pausando quando atinge este valor. Futuramente, será acrescentado o registro de dias, bem como outras funções, como por exemplo, calculadora.

Imagens do Projeto:

Tema: Dark1 (Padrão)

Imagem do projeto

Tema: Light1

Imagem do projeto