TaskMaster - Gerenciador de Tarefas

Sobre o Projeto

TaskMaster é um aplicativo web completo para gerenciamento de tarefas, desenvolvido com HTML, CSS e JavaScript puro. O aplicativo permite aos usuários organizar suas tarefas diárias de forma eficiente, com recursos de priorização, filtragem e persistência de dados.

Funcionalidades

• ✅ Adicionar, editar e excluir tarefas
• 🔄 Marcar tarefas como concluídas/pendentes
• ⭐ Definir prioridades (Alta, Média, Baixa)
• 🔍 Filtrar tarefas por status (Todas, Ativas, Concluídas)
• 📊 Ordenar por data, alfabeticamente ou por prioridade
• 📱 Design responsivo para todos os dispositivos
• 🌓 Modo escuro/claro
• 💾 Salvar e carregar tarefas (localStorage e exportação JSON)
• 📈 Estatísticas de tarefas (total, concluídas, pendentes)

Tecnologias Utilizadas

• HTML5
• CSS3 (Flexbox, variáveis CSS, transições)
• JavaScript (ES6+)
• Font Awesome (para ícones)
• LocalStorage API (para persistência de dados)
• File API (para exportação/importação)

Demonstração

Você pode ver uma demonstração ao vivo do projeto aqui ou simplesmente baixar os arquivos e abrir o index.html em qualquer navegador moderno.

Estrutura do Projeto

projeto1_todo_app/
│
├── index.html          # Estrutura HTML do aplicativo
├── styles.css          # Estilos e tema claro/escuro
├── script.js           # Lógica do aplicativo
├── screenshot.png      # Captura de tela do aplicativo
└── README.md           # Documentação do projeto

Como Usar

1. Clone este repositório:

   git clone https://github.com/seu-usuario/taskmaster.git
   

2. Abra o arquivo index.html em seu navegador

3. Comece a adicionar suas tarefas!

Recursos Avançados

Persistência de Dados

O TaskMaster salva automaticamente suas tarefas no localStorage do navegador, garantindo que seus dados permaneçam mesmo após fechar o navegador. Além disso, você pode:

• Exportar suas tarefas como um arquivo JSON para backup
• Importar tarefas de um arquivo JSON previamente exportado

Personalização de Tema

O aplicativo suporta tema claro e escuro, que pode ser alternado com um clique no botão no canto inferior direito. A preferência de tema também é salva no localStorage.

Aprendizados do Projeto

Durante o desenvolvimento deste projeto, foram aplicados diversos conceitos importantes:

• Manipulação do DOM com JavaScript puro
• Uso de localStorage para persistência de dados
• Implementação de temas com variáveis CSS
• Design responsivo com Flexbox
• Organização de código JavaScript modular
• Manipulação de eventos e delegação
• Trabalho com datas e ordenação de dados

Próximos Passos

Algumas melhorias planejadas para o futuro:

• Adicionar categorias/tags para as tarefas
• Implementar funcionalidade de busca
• Adicionar notificações para tarefas com prazo
• Sincronização com serviços de nuvem
• Adicionar suporte a subtarefas

Contribuição

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

Licença

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

Autor

Lucas Henrique Rezende de Souza - GitHub

---

⭐ Dê uma estrela se você gostou deste projeto! ⭐