Sistema web para organizar tarefas em listas personalizadas com JavaScript funcional completo
- HTML5
- CSS3
- Bootstrap 5
- JavaScript ES6+
- LocalStorage API
✅ 1 página com HTML e CSS puro: index.html (página de login)
✅ Páginas com Bootstrap: cadastro.html, home.html, listas.html, tarefas.html
✅ Modelagem do banco: Diagrama na pasta assets/
✅ Orientação a objetos: Aplicada na estrutura das páginas
✅ JavaScript funcional: Sistema completo de CRUD e autenticação
- Login e cadastro de usuários funcionais
- Validação de formulários em tempo real
- Controle de sessão com localStorage
- Usuário demo:
demo@sistema.com/123456
- Estatísticas em tempo real
- Cards clicáveis que levam às páginas
- Ações rápidas com modais Bootstrap
- Saudação personalizada por horário
- Criar, editar e excluir listas de tarefas
- Adicionar, editar e marcar tarefas como concluídas
- Sistema de prioridades (Baixa, Média, Alta, Urgente)
- Status de tarefas (Pendente, Em Andamento, Concluída, Cancelada)
- Filtros avançados e busca
- Data de vencimento
- Design responsivo para mobile e desktop
- Modais Bootstrap funcionais
- Notificações automáticas
- Animações e efeitos visuais
- Footer original preservado
💾 Persistência de Dados
Todos os dados são salvos no localStorage do navegador
Dados de demonstração incluídos
Sincronização automática entre páginas
Backup automático das alterações
🎯 Funcionalidades JavaScript 🔧 Sistema de Autenticação
Login com validação
Cadastro de usuários
Controle de sessão
Logout seguro
📝 CRUD Completo
Create: Criar tarefas e listas
Read: Listar e filtrar dados
Update: Editar tarefas e listas
Delete: Excluir com confirmação
🎨 Interface Dinâmica
Modais Bootstrap funcionais
Notificações em tempo real
Validação de formulários
Filtros e busca avançada
Estatísticas automáticas
Desenvolvido durante o curso Academia Globotech da Ada em parceria com a Globo, com 💛 por @mayasrl