To do List ✅

Aplicação de lista de tarefas desenvolvida para aprofundar conhecimentos em manipulação de DOM, persistência de dados e boas práticas de UX Design

Tecnologias     |     Projeto     |     Aprendizados

💻 Projeto

Aplicação de gerenciamento de tarefas com persistência local, simulando um fluxo de Create & Delete inspirado no conceito de CRUD. O usuário pode adicionar novas tarefas, marcá-las como concluídas com um clique e removê-las individualmente — tudo salvo automaticamente no navegador via LocalStorage.

Funcionalidades

• ➕ Criação de tarefas — adicione novas tarefas de forma rápida e intuitiva.
• ✅ Conclusão com um clique — ao clicar na tarefa, ela recebe um tachado no texto e um ícone de "concluído" é exibido ao lado, via pseudoelemento CSS ::before.
• 🗑️ Remoção de tarefas — clique no botão X para excluir permanentemente a tarefa da lista.
• 💾 Persistência de dados — todas as tarefas são salvas no LocalStorage, mantendo a lista mesmo após recarregar a página.

🧠 Aprendizados

Este projeto foi desenvolvido com foco em aprendizado prático. Alguns dos principais conceitos aplicados:

• 📦 LocalStorage — armazenamento e recuperação de dados no navegador, incluindo serialização com JSON.stringify e JSON.parse.
• 🧩 Manipulação de DOM — criação, atualização e remoção dinâmica de elementos HTML via JavaScript.
• ⚠️ Tratamento de erros — validações para evitar tarefas vazias e comportamentos inesperados na aplicação.
• 🎨 CSS avançado — uso de pseudoelementos (::before), customização de scrollbar e estilização de estados interativos.
• 🖥️ UX Design — atenção à experiência do usuário: feedback visual imediato, interações intuitivas e interface limpa.
• 🚀 Deploy contínuo (CD) — configuração e publicação automática do projeto via GitHub Pages.

🚀 Tecnologias

• HTML
• CSS
• JavaScript

🔗 Link do deploy: Clique Aqui