Um quadro Kanban interativo e funcional desenvolvido com HTML, CSS e JavaScript puro.
- ✅ Adicionar tarefas - Crie novas tarefas em qualquer coluna
- ✅ Excluir tarefas - Remova tarefas indesejadas com um clique
- ✅ Arrastar e soltar - Mova tarefas entre colunas facilmente
- ✅ Prioridades - Classifique tarefas como Alta, Média ou Baixa prioridade
- ✅ Persistência - Dados salvos automaticamente no localStorage
- ✅ Design moderno - Interface limpa com efeito glassmorphism
| Prioridade | Cor | Badge |
|---|---|---|
| Alta | 🔴 Vermelho | badge-high |
| Média | 🟡 Laranja | badge-medium |
| Baixa | 🟢 Verde | badge-low |
| Coluna | Descrição |
|---|---|
| To Do | Tarefas a serem iniciadas |
| In Progress | Tarefas em andamento |
| Testing | Tarefas em fase de teste |
| Fixing | Tarefas com problemas para corrigir |
| Approved/Done | Tarefas concluídas e aprovadas |
- HTML5 - Estrutura semântica
- CSS3 - Estilização com glassmorphism
- JavaScript ES6 - Lógica e interatividade
- Font Awesome - Ícones
- LocalStorage - Persistência de dados
- Clique no botão "Add Task" em qualquer coluna
- Digite o título da tarefa
- Selecione a prioridade (alta/média/baixa)
- A tarefa aparecerá na coluna escolhida
- Clique e segure qualquer card
- Arraste para outra coluna
- Solte para mover a tarefa
- Passe o mouse sobre qualquer card
- Clique no ícone de lixeira 🗑️
- Confirme a exclusão
Os dados são salvos automaticamente no localStorage do navegador. Isso significa que:
- ✅ Suas tarefas permanecem mesmo após fechar o navegador
- ✅ Não é necessário back-end ou banco de dados
- ✅ Os dados são privados e ficam apenas no seu computador
O layout se adapta automaticamente para diferentes tamanhos de tela:
- 💻 Desktop - 5 colunas lado a lado
- 📱 Mobile - Colunas empilhadas verticalmente
- Poder comentar observações nas taks;
- Anexar documentos/imagens;
- Pode trocar o tema da aplicação;
- Criar um sistema com diferente usuários.