Baixar a pasta do projeto (.zip, 5 KB)
Quadro de tarefas · uma página, sem internet e sem conta
Um quadro com quatro colunas (A fazer, Fazendo, Para testar, Feito) para a equipe organizar os ciclos (Aula 11.4). É um único arquivo, index.html, que abre no navegador.
Como usar
- Copie
index.htmlpara o repositório da equipe (por exemplo, numa pastaquadro/). - Abra com dois cliques no navegador. Não precisa de servidor nem de internet.
- Escreva a tarefa, o responsável e o ciclo e clique em Adicionar. Use os botões do cartão para mudar de coluna.
- No fim de cada aula, use Salvar arquivo: ele baixa um
quadro.json. Coloque esse arquivo no repositório e faça o commit. Na aula seguinte, em qualquer computador, Abrir arquivo carrega o quadro de volta.
O que ele faz
- Avisa quando alguém tem mais de 2 tarefas em "Fazendo" (
LIMITE_FAZENDOno código; a equipe pode mudar se combinar outra regra). - Filtra por ciclo.
- Guarda o quadro no próprio navegador entre uma abertura e outra. Esse armazenamento é do navegador daquele computador: por isso o arquivo
quadro.jsonno Git é o que vale para a equipe. - Pergunta antes de apagar uma tarefa.
- Recusa arquivo que não é um quadro válido, sem apagar o que estava na tela.
- Tem botão Imprimir, tema escuro automático e se ajusta à tela do celular.
Foto: ../../../../recursos/imagens/geral/quadro-de-tarefas-tela.jpg
Testado em 30/10/2026 (navegador do Claude, Chromium)
Adicionar, avançar e voltar cartões, aviso de limite, filtro por ciclo, quadro mantido depois de recarregar a página, apagar com confirmação, abrir arquivo válido e recusar arquivo inválido, largura de celular (375 px) sem rolagem para o lado.
Não testado
O download do Salvar arquivo (o navegador de teste não guarda downloads) e a impressão. Confira os dois uma vez no computador da escola antes da Aula 11.4.