Este repositório contém os projetos desenvolvidos durante o curso de JavaScript: explorando a manipulação de elementos e da localStorage da plataforma Alura.
-
Sistema de modos: Três modos de tempo para praticidade do método pomodoro.
- Descrição: Alternância entre modos 'foco', 'descanso-curto' e 'descanso-longo', mudando respectivamente o Temporizador, Título, imagem e background.
-
Temporizador: Sistema de cronômetros com base no modo selecionado.
- Descrição: Sistema de Temporizador dinâmico com bips específicos entre Começar, pausar e continuar.
-
Música de fundo: Sistema de música de fundo.
- Descrição: Música de fundo que pode ser ativada ou desativada por um botão toggle de acordo com a vontade do usuário.
-
Adição e criação de tarefas: Sistema de tarefas disponíveis, em andamento e concluídas.
- Descrição: Sistema de adição de Tarefas que são armazenadas por localStorage (Se sair do website, suas tarefas salvas ainda estarão disponíveis). Ao clicar em "Adicionar Tarefa", abrirá um formulário para preencher. Ao preencher e clicar em "salvar", a tarefa irá aparecer em tarefas disponíveis. Ao clicar na tarefa disponível, seu estilo muda e passa a ser uma tarefa em Andamento. No fim do temporizador, caso a tarefa esteja em andamento, ela se dará por encerrada, seu estilo mudará para verde.
- Funcionalidades adicionais: É possível editar a tarefa pelo botão editar no canto direito da caixa da tarefa, seu valor mudará tanto no conteúdo do texto quanto no localStorage afim de salva-lá.
- Descrição: Sistema de adição de Tarefas que são armazenadas por localStorage (Se sair do website, suas tarefas salvas ainda estarão disponíveis). Ao clicar em "Adicionar Tarefa", abrirá um formulário para preencher. Ao preencher e clicar em "salvar", a tarefa irá aparecer em tarefas disponíveis. Ao clicar na tarefa disponível, seu estilo muda e passa a ser uma tarefa em Andamento. No fim do temporizador, caso a tarefa esteja em andamento, ela se dará por encerrada, seu estilo mudará para verde.
-
Sistema de exclusão de tarefas:
- Descrição: Caso queira excluir todas as tarefas ou apenas as tarefas concluídas, existe um botão violeta com um sinal de exclamação. Ao clicá-lo aparecerá uma caixa com duas opções, "Limpar todas as tarefas" e "Limpar tarefas concluídas" ambas fazem suas respectivas ações, excluindo tanto as caixas das tarefas, quanto apagando o armazenamento das devidas tarefas no localStorage do navegador.
Projeto responsivo para a conclusão do curso Alura = "JavaScript: explorando a manipulação de elementos e da localStorage", onde explorei e tive contato com novas técnicas como manipulações específicas DOM, e uso prático do LocalStorage como adição de arrays e remoção delas afim de boas práticas de programação e utilização de dados pro futuro. Link para o projeto
Se você encontrar algum problema no projeto ou tiver sugestões de melhorias, sinta-se à vontade para abrir uma issue ou enviar um pull request.
OBS: Estou aprendendo, é possível que tenha erros de responsividade
Desenvolvido por Eduardo