Este é um simples aplicativo de Lista de Tarefas (To-Do List), desenvolvido utilizando HTML, CSS, JavaScript e Bootstrap para ícones. Ele permite ao usuário adicionar tarefas, visualizar uma lista de tarefas armazenadas localmente no navegador e marcar tarefas como concluídas.
Funcionalidades
- Adicionar tarefas: O usuário pode digitar uma nova tarefa e adicioná-la à lista.
- Armazenamento local: As tarefas são salvas localmente no navegador, utilizando localStorage. Isso permite que a lista de tarefas persista mesmo após o fechamento do navegador.
- Exclusão de tarefas: O usuário pode excluir tarefas da lista, removendo-as do armazenamento local.
- Verificação de duplicação: O aplicativo verifica se uma tarefa com a mesma descrição já foi adicionada antes de permitir a inserção.
Estrutura do Projeto
index.html
: Arquivo principal de estrutura HTML, que contém a estrutura da página, campos de entrada e botões para adicionar e remover tarefas.main.js
: Arquivo JavaScript que gerencia a lógica de adição, exibição e remoção de tarefas, além de interagir com o armazenamento local (localStorage).style.css
: Arquivo CSS que estiliza a interface do usuário, garantindo que a lista de tarefas tenha uma aparência agradável e funcional.
Bootstrap (para os ícones): O projeto utiliza ícones do Bootstrap. Não é necessário baixar o Bootstrap, pois os ícones estão sendo usados diretamente do link no HTML.
Neitzke, G. Aprenda como criar um TO-DO LIST com HTML, CSS e JavaScript. Disponível em: https://youtu.be/MxP4jZQY0h4. Acesso em: 14 nov. 2024.