✦ Meu Planner
Planner pessoal completo em um único arquivo HTML: compromissos, trabalho, estudos, tarefas, provas e projetos, exercícios e finanças — tudo em um só lugar.
Sem cadastro, sem servidor, sem instalação. Cada pessoa que abre o planner tem o seu próprio planejamento, salvo apenas no navegador dela.
👉 Use online: https://gustavoguimaraesmotta-source.github.io/meu-planner/
Funcionalidades
🗓️ Calendário em três visões
- Meu dia — linha do tempo por hora, com a linha do "agora", resumo do dia, próximo compromisso e progresso do dia.
- Semana — 7 colunas com horários, ideal para enxergar a rotina.
- Mês — visão geral com todos os compromissos, prazos e dias de estudo.
- Clique em qualquer horário vazio para criar um compromisso ali.
🕒 Compromissos
- Horário de início/fim ou dia inteiro.
- Repetição: todos os dias, dias úteis, toda semana (escolhendo os dias), todo mês — com data final opcional.
- Excluir só um dia de um compromisso que se repete, ou a série inteira.
- Local e observações.
- Marque cada compromisso como feito.
✅ Tarefas
- Tarefas com data, prioridade (alta, normal, baixa), categoria e observações.
- Filtros: Hoje (inclui atrasadas), Próximas, Sem data, Concluídas, Todas.
- Tarefas atrasadas aparecem em destaque no seu dia.
- Excluiu sem querer? Botão Desfazer.
🎯 Provas, projetos e entregas
- Cadastre o objetivo, a data e quantos dias quer dedicar.
- Escolha os dias clicando no calendário ou use ✨ Distribuir automaticamente (todos os dias ou só dias úteis).
- Acompanhe o progresso com barra e anel de porcentagem, e a contagem regressiva até o prazo.
✈️ Viagens
- Crie uma viagem escolhendo o dia da ida e o da volta (com destino, cor e observações).
- Ela aparece como uma faixa em todos os dias da viagem — no Dia, na Semana e no Mês ("dia 2 de 6").
- Orçamento da viagem: ligue os gastos à viagem (passagem, hotel, passeios…) e veja quanto já gastou e quanto resta. Compras parceladas contam pelo total.
- Ao lançar um gasto numa data dentro da viagem, o planner já sugere ligá-lo a ela.
💪 Exercícios
- Peso: anote o peso de tempos em tempos e acompanhe num gráfico (30 dias, 3 meses, 1 ano ou tudo), com a meta e quanto falta.
- Ficha da academia: monte os treinos (A, B, C…) com séries, repetições, carga, descanso e observação — ou importe a ficha de um PDF ou de uma foto: o planner lê o arquivo e organiza os treinos e exercícios para você conferir antes de salvar. Entende listas ("Supino 4x10 30kg"), tabelas e treinos lado a lado; PDFs escaneados e fotos passam por reconhecimento de texto.
- Treinos em sequência nos dias de academia que você escolher (A → B → C → A…), a partir da data de início da ficha (dá para montar agora e começar só no mês que vem). Se faltar ou pular um dia, o próximo continua de onde parou.
- Horário de cada dia (opcional): com horário, o treino entra na linha do tempo como um compromisso (ex.: segunda 07:00, sexta 18:00, com a duração que você escolher); sem horário, aparece no "Dia todo", como os dias de estudo.
- No Meu dia aparece qual treino fazer hoje: marque cada exercício, anote a carga usada e conclua — ou marque a caixinha do treino direto na agenda. Na Semana e no Mês aparecem os treinos feitos, os previstos e os dias em que faltou.
- Evolução de carga de cada exercício num gráfico (continua mesmo quando você troca de ficha).
- Outras atividades: corrida, caminhada, bicicleta, natação, futebol, luta… com duração e distância.
- Contador de treinos do mês e de semanas seguidas treinando.
⚽ Futebol
- Escolha o seu time (Brasileirão Série A e B, Argentina, Portugal, Inglaterra, Espanha, Itália, Alemanha, França e MLS) e acompanhe tudo numa central:
- Meu time: próximo jogo com contagem regressiva, últimos resultados (V/E/D), vitórias, empates, derrotas e aproveitamento no ano e a posição em cada campeonato.
- Tabelas de todas as competições que o time está jogando (liga, estadual, Libertadores…), com o time destacado e as zonas (Libertadores, Sul-Americana, acesso, playoffs, rebaixamento) do jeito que estão valendo naquele ano; nas copas em mata-mata, os confrontos fase por fase.
- Temporadas anteriores (desde 2007): nas abas Tabelas e Jogos, escolha o ano para ver as tabelas e os jogos daquela temporada e marcar "🏟️ Fui" nos jogos antigos.
- Jogos: próximos e resultados, filtrando por competição. Um toque coloca o jogo na agenda, com horário e estádio.
- Diário de estádio: anote os jogos a que você foi — placar, estádio, com quem foi, nota, fotos e quanto gastou. Em um jogo que já passou, "🏟️ Fui" preenche tudo sozinho. Mostra quantos jogos você viu, o aproveitamento do seu time com você no estádio e o total gasto. O gasto pode ir para as Finanças, se você quiser.
🏦 Bancos, contas e cartões
- Cadastre seus bancos e, dentro de cada um, o que você tem lá: conta corrente, caixinha/poupança, investimento e cartão de crédito.
- Cada conta tem saldo: soma os ganhos, subtrai os gastos e se ajusta com um clique se ficar diferente do banco.
- Transferir entre contas (ex.: guardar na caixinha, resgatar investimento) sem contar como gasto nem ganho.
- Cartões de crédito com limite e dia em que o limite renova: uma barra mostra quanto já foi usado no ciclo e zera na renovação.
- Pagar fatura escolhendo de qual conta saiu o dinheiro — sem contar os gastos duas vezes.
- Cartões avulsos, sem banco, só para acompanhar o limite.
💰 Gastos e ganhos
- Registre gastos e ganhos com valor, categoria, data e de qual conta ou cartão saiu.
- Contas fixas (aluguel, salário, assinaturas): cadastre uma vez e elas aparecem todo mês como previstas — dê o check quando pagar.
- Escolha quando cai: mesmo dia todo mês, Nº dia útil (ex.: 5º dia útil), último dia útil ou último dia do mês — os dias úteis descontam fins de semana e feriados nacionais (inclusive Carnaval, Sexta-feira Santa e Corpus Christi).
- Confirmar sozinho no dia: o valor entra ou sai do saldo automaticamente quando a data chega (ideal para salário e débito automático). Se atrasar, é só desmarcar naquele mês.
- Compras parceladas: informe o valor da parcela ou o total; cada parcela cai no mês certo e você vê quanto falta e quando termina.
- Orçamento por categoria com barra que fica vermelha quando passa do limite.
- Resumo do mês (ganhos, gastos, saldo e previsão), gastos por categoria e por cartão/conta, comparação com o mês anterior.
- Botão para esconder os valores quando alguém estiver olhando sua tela.
🤝 Dívidas
- Eu devo e Me devem, com pessoa, valor, descrição e vencimento.
- Pagamento parcial ("paguei uma parte") com histórico, e check para quitar.
- Ao quitar, opção de lançar o valor nas Finanças automaticamente.
🎁 Wishlist
- Lista do que você quer comprar, com preço, prioridade e link da loja, dividida pelo mês em que você pretende comprar (com o total de cada mês).
- Fotos do item (até 4): tire na hora, escolha da galeria ou cole uma imagem copiada. A primeira aparece no card; toque para ampliar e passar as outras. As fotos são reduzidas automaticamente para não pesar.
- Ao marcar como comprado, opção de lançar o gasto (inclusive parcelado).
📅 Tudo conectado
- Vencimentos de contas fixas e dívidas aparecem no calendário e no seu dia, com check direto de lá.
- Treinos da academia e atividades físicas aparecem na agenda, ao lado dos compromissos.
- A busca encontra compromissos, tarefas, metas, viagens, lançamentos, dívidas e itens da wishlist.
📓 Como foi o dia
- Anotações livres por dia (situações, ideias, lembretes) e registro de humor.
🎨 Personalização
- Categorias editáveis (nome e cor) — mostre ou oculte cada uma com um clique.
- Tema claro, escuro ou automático.
- Semana começando no domingo ou na segunda.
- Horário de início e fim da linha do tempo.
💾 Seus dados
- Mesmo planner no celular e no PC: entre com Google e os dados ficam sincronizados por uma pasta privada do seu Google Drive (opcional). Se você mexer nos dois aparelhos sem sincronizar, o planner junta as alterações automaticamente, item por item.
- Instale como app: ícone próprio na tela inicial, tela cheia e funciona sem internet. No celular, use o botão "📲 Instalar como app" (ou o menu do navegador → "Adicionar à tela inicial").
- Salvamento automático no navegador.
- Backup (.json) para guardar ou levar para outro computador/celular.
- Exportar .ics para importar no Google Agenda, Outlook ou Apple Calendário.
- Importar do Google Agenda: escolha as agendas, a categoria de cada uma e o período. Dá para importar de novo quando quiser: o que mudou no Google é atualizado, sem duplicar. Só leitura — o planner nunca altera a sua agenda.
- Imprimir a visão atual.
- Importa backups da versão anterior (V5) automaticamente.
⌨️ Atalhos
| Tecla | Ação |
|---|
N | Novo compromisso |
T | Nova tarefa |
H | Ir para hoje |
D / S / M | Visão dia / semana / mês |
← / → | Dia/semana/mês anterior ou próximo |
/ | Buscar |
Funciona no computador e no celular (menu lateral vira gaveta, com barra de navegação embaixo).
Como usar
Opção 1 — online: abra o link do GitHub Pages.
Opção 2 — offline: baixe o arquivo index.html e abra no navegador (Chrome, Edge, Firefox ou Safari).
Na primeira vez, você pode começar do zero ou carregar exemplos para ver como tudo funciona (dá para apagar depois em Configurações → Apagar todos os dados).
Privacidade
Os dados ficam no localStorage do navegador de quem está usando. Opcionalmente, a pessoa pode clicar em Entrar com Google: aí o planner também guarda os dados numa pasta oculta e privada do Google Drive dela (permissão drive.appdata), e o mesmo planner aparece no celular e no PC. O planner não enxerga nenhum outro arquivo do Drive, e o dono do site não tem acesso a nada. Sem login:
- Duas pessoas usando o mesmo link não veem os dados uma da outra.
- Limpar os dados do navegador apaga o planejamento — faça backups de vez em quando.
- Para usar em outro aparelho, salve um backup e restaure no outro.
Ao importar a ficha da academia (PDF ou foto), o arquivo é lido no próprio aparelho: o planner baixa, só nessa hora, leitores gratuitos e abertos (PDF.js e Tesseract.js) e o arquivo não é enviado para nenhum servidor.
Na área de Futebol, os jogos e as tabelas vêm da ESPN (dados públicos e gratuitos, sem cadastro). As zonas das Séries A e B vêm da tabela da Wikipédia em português. O planner só baixa essas informações; nada seu é enviado. O diário de estádio fica com o resto dos seus dados.
Publicar no GitHub Pages
- Crie um repositório no GitHub (por exemplo,
meu-planner).
- Envie os arquivos deste projeto:
git init
git add .
git commit -m "Meu Planner"
git branch -M main
git remote add origin https://github.com/SEU-USUARIO/meu-planner.git
git push -u origin main
- No repositório, vá em Settings → Pages, em Source escolha Deploy from a branch, branch
main, pasta / (root) e salve.
- Em um ou dois minutos o planner estará em
https://SEU-USUARIO.github.io/meu-planner/. É só mandar esse link para quem quiser usar.
Sincronização no seu próprio site
Se você copiar este projeto para o seu GitHub, a sincronização com o Google Drive só funciona com um ID do cliente OAuth seu:
- Em console.cloud.google.com, crie um projeto e ative a Google Drive API e a Google Calendar API (esta só para importar do Google Agenda).
- Em Google Auth Platform, configure o app (público Externo), adicione os escopos
drive.appdata, calendar.readonly, openid, userinfo.email e userinfo.profile e publique o app. Como calendar.readonly é um escopo "sensível", o Google mostra o aviso de app não verificado até você pedir a verificação — para uso pessoal, basta clicar em Avançado → Acessar.
- Em Clientes, crie um cliente Aplicativo da Web com a origem JavaScript do seu site (ex.:
https://seu-usuario.github.io).
- Cole o ID do cliente em
GOOGLE_CLIENT_ID, no começo do <script> do index.html.
Sem ID, o planner funciona normalmente, só no navegador.
Tecnologia
HTML, CSS e JavaScript puros — nenhum build. Para modificar, edite o index.html. A única exceção são os leitores de PDF e de imagem da importação da ficha, baixados só quando a pessoa importa um arquivo.
O sw.js (service worker) deixa o app abrir sem internet. A cada publicação, mude o valor de VERSION no sw.js: assim quem estiver com o app aberto recebe o aviso "Nova versão disponível".
Licença
MIT
