Lista de Tarefas (To-Do List)

Uma aplicação web simples, moderna e responsiva para gerenciamento de tarefas. Permite adicionar, editar, excluir e filtrar tarefas, com persistência de dados no navegador usando localStorage.

✨ Funcionalidades

• Adicionar Tarefas: Crie novas tarefas com descrição, tag (categoria) e data de vencimento.
• Editar Tarefas: Modifique o texto de uma tarefa existente.
• Excluir Tarefas: Remova tarefas da lista.
• Marcar como Concluída: Alterne o status de uma tarefa entre pendente e concluída.
• Filtragem Avançada:
  • Filtre por status (Todas, Pendentes, Concluídas).
  • Filtre por tag (Geral, Trabalho, Educação).
  • Filtre por data de vencimento.
• Persistência de Dados: Suas tarefas são salvas no localStorage do navegador, então elas não desaparecem ao recarregar a página.
• Design Responsivo: A interface se adapta a diferentes tamanhos de tela, de desktops a dispositivos móveis.
• Modo Escuro (Dark Mode): Suporte a tema claro e escuro para maior conforto visual.
• Estado Vazio: Uma mensagem amigável é exibida quando não há tarefas correspondentes aos filtros aplicados.

🚀 Tecnologias Utilizadas

• HTML5: Para a estrutura da página.
• CSS3: Para estilização básica.
• Tailwind CSS: Framework CSS para uma estilização rápida e moderna.
• JavaScript (ES6+): Para toda a lógica da aplicação, manipulação do DOM e interatividade.
• Font Awesome: Para os ícones.
• Google Fonts: Para a tipografia (Inter).

⚙️ Como Executar o Projeto

Como este é um projeto puramente front-end, não há necessidade de um servidor ou processo de build. Basta seguir os passos abaixo:

1. Clone o repositório (ou baixe os arquivos):

   git clone https://github.com/seu-usuario/to-do-list.git

2. Navegue até o diretório do projeto:

   cd to-do-list

3. Abra o arquivo index.html:

   • Você pode simplesmente abrir o arquivo index.html diretamente no seu navegador de preferência (Google Chrome, Firefox, etc.).

E pronto! A aplicação estará funcionando localmente no seu navegador.

🎨 Estrutura do Projeto

to-do-list/
├── 📄 index.html       # Estrutura principal da aplicação
├── 🎨 index.css        # Estilos personalizados adicionais
├── ⚙️ index.js         # Lógica da aplicação em JavaScript
└──  favicon.ico      # Ícone da aplicação

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com ❤️ para ajudar na organização do seu dia a dia!