Kowa

Atualizações diárias sobre o que eu estou construindo.

Aproveitei pra incluir coisas que melhoram a UX do editor:

  • Auto-save quando o usuário para de digitar.
  • Auto-save quando o usuário fecha a janela ou navega para outra página.
  • Capturar o CMD+S ou CTRL+S pra salvar as alterações, já que eu tenho o vício de ficar salvando quando estou editando texto ou código.
  • Fazer com que a área do editor cresça ou diminua com base no texto digitado, para que a barra de scroll do editor não seja necessária.

Removi o fluxo edit/save/view das anotações da data, mantendo apenas o calendário e o editor de texto. A ideia é manter só o básico que preciso: uma forma de planejar o meu dia (e a semana, no domingo), escrevendo nas datas do calendário.

A view do calendário:

A view do editor:

Consegui fazer o visual ficar como eu queria usando apenas CSS puro, e mantendo o comportamento responsivo.

PLANO DO DIA

O ojetivo de hoje é:

  • Voltar o planner para o fluxo original, de calendário + editor de texto vinculado a uma data.
  • Fazer ele ficar bonito sem usar Bootstrap, apenas CSS básico.

Entre indas e vindas, melhorei o layout usando Bootstrap e depois optei por tirar ele por conta de como o HTML estava ficando poluído.

Também experimentei com o fluxo de edit/save/view, mas pareceu que a experiência de usar a ferramenta não era fluída o suficiente.

Por último, testei o mecansimo de append e funcionou como esperado, mas achei que ter 2 fluxos para adicionar conteúdo na data é um pouco confuso. Amanhã vou reavaliar.

PLANO DO DIA

O ojetivo de hoje é:

  • Continuar experimentando com o planner, buscar terminar os experimentos que gostaria de ter feito ontem.

Itens faltantes:

  • criar um fluxo de edit/save/view em vez de mostrar só o editor puro
  • melhor estilização da tela usando Bootstrap
  • criar um mecanismo pra fazer "append" de atualizações no texto sem editr a página toda

Não consegui avançar muito no plano do dia, apenas incluir suporte a markdown, voltar ao fluxo baseado na data e começar a incluir Bootstrap. Amanhã tem mais.

PLANO DO DIA

O ojetivo de hoje é:

  • Continuar experimentando com o planner, a experiência de edição não está legal (não está me fazendo largar o papel e o lápis pra usar a versão digital).

O que quero experimentar:

  • permitir markdown
  • criar um fluxo de edit/save/view em vez de mostrar só o editor puro
  • melhor estilização da tela (usar Bootstrap talvez?)
  • criar um mecanismo pra fazer "append" de atualizações no texto sem editr a página toda

Um dos problemas que eu queria resolver com o planner era sempre ter onde escrever, seja um rascunho de um texto, seja um pensamento, seja uma anotação sobre o dia.

Tem um método conhecido como Zettelkasten que tenta resolver isso: você escreve ideias, pensamentos ou frases soltas em fichas, depois coloca as fichas em caixas específicas sobre o assunto da ficha. Quando você quer anotar algo, escreve numa ficha nova e coloca na caixa certa. Acho que o planner poderia ajudar nisso de alguma forma...

PLANO DO DIA

O ojetivo de hoje é:

  • Responder uma ou duas perguntas no projeto das 1000 perguntas
  • Experimentar invertendo o fluxo do planner pra focar no editor em vez do calendário, e deixar a view de calendário como auxiliar, mas mantendo o foco em escrever informações nas datas

Avancei na UI para salvar com fetch, mantendo o código em JS puro por enquanto. Vamos ver até onde vamos nesse ritmo.

Interessante: depois de decidir tirar essa restrição de um arquivo único, e começar a organizar os arquivos seguindo uma certa arquitetura, o trabalho ficou bem mais produtivo. Em poucos minutos cheguei no ponto de testar o fluxo da aplicação e perceber que vai ser bom mandar os dados via AJAX para o backend, e lidar com 2 coisas no frontend: salvamento automático quando uma mudança acontece e lidar com COMMAND+S / CTRL+S, que é um vício difícil de largar. Isso pede uma API para lidar com o salvamento dos dados. Como o código já tinha um certo formato, criar uma API para salvar os dados, de forma rústica e usando PHP puro, demorou menos de 5 minutos.

Com arquivos bem definidos, um padrão de codificação está surgindo e as sugestões do Cursor vão ficando cada vez mais certeiras.

Eu quis experimentar o quão longe dá pra chegar mantendo um único arquivo PHP, mas é incrível como que as coisas começam a se misturar, e principalmente o quão difícil fica achar as coisas. A cabeça implora por organização, arquivos separados, uma "arquitetura".

PLANO DO DIA

A lista de hoje é mais curta:

  • Trabalhar no planner para que ele esteja minimamente funcional, para que possa começar a usar

Se possível, também vou dar sequência nas perguntas e respostas e no site da Trintena.

Consegui uma tela de calendário bem limpa, no estilo minimalista e simples que eu gosto. Vou até colocar o calendário online em algum lugar, porque consulto direto e sempre que quero imprimir algum tenho que ficar procurando.

A primeira coisa que eu quero fazer é gerar a tela do calendário em HTML puro, sem estilos, com links nas datas para a tela de edição.

Comecei o trabalho no planner. Uma coisa que quero experimentar é: quão longe dá pra chegar nas funcionalidades mantendo um único arquivo.

PLANO DO DIA

A lista de hoje é mais curta:

  • Trabalhar no planner para que ele esteja minimamente funcional (UI simples, abrir e salvar os dados como arquivos em um diretório específico), pra começar a usar
  • Fazer um brainstorm de possíveis produtos de low-ticket sobre programação e selecionar 5-10 ideias

Se possível, também vou dar sequência nas perguntas e respostas e no site da Trintena.

Fiz uma versão em HMTL do meu resume, disponibilizei aqui.

Respondi e postei mais uma pergunta no projeto de 1000 perguntas. Pergunta sobre faculdade!