App desktop de produtividade
WorkBench

Seu trabalhoencontra um lugar.

Notas e agenda reunidas numa bancada digital.

Notas em abas que se salvam sozinhas, agenda por período e cópias de segurança.

App desktopProdutividadeAutoral

  • Tauri
  • React
  • TipTap
  • Zustand
App desktop de produtividade
WorkBench

Seu trabalhoencontra um lugar.

Notas e agenda reunidas numa bancada digital.

  • Tauri
  • React
  • TipTap
  • Zustand

Notas em abas que se salvam sozinhas, agenda por período e cópias de segurança.

App desktopProdutividadeAutoral

  • Tauri
  • React
  • TipTap
  • Zustand

PortfólioWorkBench

O editor em abas

Cada assunto na sua aba, salvo sem apertar nada.

As notas ficam em abas, como num navegador, e o texto se guarda sozinho meio segundo depois da última tecla. Crie, renomeie, arraste e feche abas, e escreva para ver o documento que o programa guarda.

O que fica guardado (JSON do TipTap)

{"type":"doc","content":[{"type":"heading","attrs":{"level":1},"content":[{"type":"text","text":"Bem-vindo ao WorkBench!"}]},{"type":"paragraph","content":[{"type":"text","text":"Este é seu novo centro de produtividade."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use Ctrl+T para criar novas abas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duplo clique no nome para renomear"}]}]}]}]}

workbench-notes-storeGuardado: 1.2 KB

  • Ctrl+T · nova aba
  • Ctrl+W · fechar aba
  • Ctrl+1 / Ctrl+2 · notas e agenda
  • Ctrl+K · paleta de comandos
  • Duplo clique · renomear

Regras do programa (notes.tsx): a aba nova se chama "Nova Aba" mais o total de abas + 1; fechar pede confirmação e a última aba nunca sai; o editor é o TipTap (títulos, listas, tarefas, citação e código) e salva 500 ms depois da última tecla. Aqui, # vira título, - vira lista e [ ] vira tarefa.

Cena do projeto: a janela do programa com a agenda de outubro, um calendário de vidro e um relógio azul

Planeje o dia. Organize o próximo passo.

Agenda com visão por dia e por mês.

Agenda · Tarefas · Prioridades

Na agenda, o mês começa no domingo e o dia se divide em manhã, tarde e noite. Escolha um dia, crie uma tarefa e veja ela achar o período certo pela hora de início.

outubro de 2026

DomSegTerQuaQuiSexSáb

quinta-feira, 1 de outubro

Manhã6:00 – 12:001 tarefa

Revisar as notas da semana09:00 · Média

Tarde12:00 – 18:001 tarefa

Enviar a proposta14:00 · Alta

Noite18:00 – 24:001 tarefa

Separar o material de amanhã19:00 · Baixa

Regras do programa (agenda.tsx): o mês vai do domingo antes do dia 1 ao sábado depois do último; Manhã vai das 6 às 12, Tarde das 12 às 18 e Noite das 18 às 24, pela hora de início; a borda mostra a prioridade (baixa verde, média âmbar, alta vermelha). A tarefa nova nasce às 09:00, média. As tarefas aqui são de exemplo.

Cena do projeto: as telas de aparência e de dados do programa, um escudo com uma nuvem e um bloco de notas de vidro

Feito para a rotina. Com cópia de segurança.

Tema claro ou escuro e cópias em JSON.

Tauri · React · TypeScript

Toda vez que abre, o programa guarda uma cópia de tudo, se já houver notas ou tarefas. As cópias formam uma fila de sete: a oitava apaga a mais antiga. Abra o programa ou crie uma cópia e veja a fila andar.

Cópias automáticas3/7

  1. 01/10/202610:08 · 4,9 KB · automáticaMais recente
  2. 01/10/202610:07 · 5 KB · manual
  3. 19/09/202611:01 · 2,8 KB · automática

O arquivo da cópia

workbench-backup-auto-2026-10-01_10-08-00.json

{
  "version": "1.0.0",
  "createdAt": "2026-10-01T10:08:00.000Z",
  "data": {
    "notes": { abas e textos },
    "tasks": { tarefas },
    "alerts": { alertas },
    "notion": { … },
    "settings": { configurações }
  }
}

As telas de verdade

Regras do programa (backup.ts): a cópia automática roda uma vez por sessão, 2 segundos depois de abrir, e só se houver notas ou tarefas; "Criar agora" entra na mesma fila; ficam as 7 mais recentes. "Exportar" baixa o mesmo JSON e "Importar" restaura. Datas e tamanhos aqui são de exemplo.

As tecnologias

Do que é feito, peça por peça

Um programa de computador feito quase todo na tela: React com TypeScript dentro do Tauri, o editor TipTap para as notas e o Zustand guardando tudo no armazenamento local, de onde sai a cópia de segurança. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.

12tecnologias, em 3 camadas

Tela

Dados

Programa