📝 Aplicativo de Lista de Tarefas

Um aplicativo web simples e moderno para gerenciar suas tarefas diárias com persistência de dados no navegador.

🚀 Funcionalidades

• ✅ Adicionar tarefas - Crie novas tarefas rapidamente
• ✏️ Editar tarefas - Modifique tarefas existentes
• 🗑️ Excluir tarefas - Remova tarefas que não precisa mais
• ✔️ Marcar como concluída - Acompanhe seu progresso
• 🔍 Filtrar tarefas - Visualize todas, ativas ou concluídas
• 💾 Persistência local - Suas tarefas são salvas automaticamente no navegador usando localStorage
• 📱 Design responsivo - Funciona perfeitamente em desktop e mobile
• 🎨 Interface moderna - Design clean e intuitivo

📋 Como Usar

1. Abrir o aplicativo

   • Abra o arquivo index.html em seu navegador

2. Adicionar uma tarefa

   • Digite o texto da tarefa no campo de entrada
   • Clique no botão "Adicionar" ou pressione Enter

3. Marcar como concluída

   • Clique na checkbox ao lado da tarefa

4. Editar uma tarefa

   • Clique no botão "Editar"
   • Modifique o texto
   • Clique em "Salvar" ou pressione Enter

5. Excluir uma tarefa

   • Clique no botão "Excluir"

6. Filtrar tarefas

   • Use os botões "Todas", "Ativas" ou "Concluídas" para filtrar

7. Limpar concluídas

   • Clique em "Limpar concluídas" para remover todas as tarefas marcadas como concluídas

💡 Tecnologias Utilizadas

• HTML5 - Estrutura semântica
• CSS3 - Estilização moderna com variáveis CSS e animações
• JavaScript (ES6+) - Lógica da aplicação com classes
• localStorage API - Persistência de dados no navegador

🔒 Persistência de Dados

Todas as suas tarefas são salvas automaticamente no localStorage do navegador. Isso significa que:

• ✅ Suas tarefas permanecem mesmo após fechar o navegador
• ✅ Não é necessário criar conta ou fazer login
• ✅ Funciona completamente offline
• ⚠️ Os dados são específicos do navegador e domínio

📁 Estrutura de Arquivos

to-do-list/
├── index.html    # Estrutura HTML
├── style.css     # Estilos CSS
├── app.js        # Lógica JavaScript
└── README.md     # Documentação

🎨 Personalização

Você pode personalizar as cores alterando as variáveis CSS no arquivo style.css:

:root {
    --primary-color: #6366f1;
    --primary-dark: #4f46e5;
    --success-color: #10b981;
    --danger-color: #ef4444;
    /* ... outras variáveis ... */
}

🌐 Compatibilidade

O aplicativo é compatível com todos os navegadores modernos:

• ✅ Chrome/Edge (versão 90+)
• ✅ Firefox (versão 88+)
• ✅ Safari (versão 14+)
• ✅ Opera (versão 76+)

📄 Licença

Este projeto é de código aberto e está disponível para uso livre.

🤝 Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.