https://github.com/satoosan/todolist-js
To do list com JS
https://github.com/satoosan/todolist-js
javascript js todolist
Last synced: 3 months ago
JSON representation
To do list com JS
- Host: GitHub
- URL: https://github.com/satoosan/todolist-js
- Owner: satoosan
- Created: 2024-11-12T23:34:06.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-14T00:09:52.000Z (7 months ago)
- Last Synced: 2025-01-13T21:43:59.112Z (5 months ago)
- Topics: javascript, js, todolist
- Language: CSS
- Homepage: https://satoosan.github.io/todolist-js/
- Size: 1.31 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To do List
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.
## Dependências
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.
## Referências
Neitzke, G. Aprenda como criar um TO-DO LIST com HTML, CSS e JavaScript. Disponível em: . Acesso em: 14 nov. 2024.