App de escritorio de productividad
WorkBench

Tu trabajoencuentra un lugar.

Notas y agenda juntas en un banco digital.

Notas en pestañas que se guardan solas, agenda por período y copias de seguridad.

App de escritorioProductividadPropio

  • Tauri
  • React
  • TipTap
  • Zustand
App de escritorio de productividad
WorkBench

Tu trabajoencuentra un lugar.

Notas y agenda juntas en un banco digital.

  • Tauri
  • React
  • TipTap
  • Zustand

Notas en pestañas que se guardan solas, agenda por período y copias de seguridad.

App de escritorioProductividadPropio

  • Tauri
  • React
  • TipTap
  • Zustand

PortafolioWorkBench

El editor en pestañas

Cada tema en su pestaña, guardado sin apretar nada.

Las notas viven en pestañas, como en un navegador, y el texto se guarda solo medio segundo después de la última tecla. Crea, renombra, arrastra y cierra pestañas, y escribe para ver el documento que guarda el programa.

Lo que queda guardado (JSON de TipTap)

{"type":"doc","content":[{"type":"heading","attrs":{"level":1},"content":[{"type":"text","text":"¡Bienvenido a WorkBench!"}]},{"type":"paragraph","content":[{"type":"text","text":"Este es tu nuevo centro de productividad."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Usa Ctrl+T para crear pestañas nuevas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Doble clic en el nombre para renombrar"}]}]}]}]}

workbench-notes-storeGuardado: 1.2 KB

  • Ctrl+T · pestaña nueva
  • Ctrl+W · cerrar pestaña
  • Ctrl+1 / Ctrl+2 · notas y agenda
  • Ctrl+K · paleta de comandos
  • Doble clic · renombrar

Reglas del programa (notes.tsx): la pestaña nueva se llama "Nueva Pestaña" más el total de pestañas + 1; cerrar pide confirmación y la última pestaña nunca se va; el editor es TipTap (títulos, listas, tareas, cita y código) y guarda 500 ms después de la última tecla. Aquí, # se vuelve título, - lista y [ ] tarea.

Escena del proyecto: la ventana del programa con la agenda de octubre, un calendario de vidrio y un reloj azul

Planea el día. Organiza el próximo paso.

Agenda con vista por día y por mes.

Agenda · Tareas · Prioridades

En la agenda, el mes empieza el domingo y el día se divide en mañana, tarde y noche. Elige un día, crea una tarea y mírala encontrar el período correcto por su hora de inicio.

octubre de 2026

DomLunMarMiéJueVieSáb

jueves, 1 de octubre

Mañana6:00 – 12:001 tarea

Revisar las notas de la semana09:00 · Media

Tarde12:00 – 18:001 tarea

Enviar la propuesta14:00 · Alta

Noche18:00 – 24:001 tarea

Preparar el material de mañana19:00 · Baja

Reglas del programa (agenda.tsx): el mes va del domingo antes del día 1 al sábado después del último; Mañana va de 6 a 12, Tarde de 12 a 18 y Noche de 18 a 24, por la hora de inicio; el borde muestra la prioridad (baja verde, media ámbar, alta roja). La tarea nueva nace a las 09:00, media. Las tareas aquí son de ejemplo.

Escena del proyecto: las pantallas de apariencia y de datos del programa, un escudo con una nube y un bloc de notas de vidrio

Hecho para la rutina. Con copia de seguridad.

Tema claro u oscuro y copias en JSON.

Tauri · React · TypeScript

Cada vez que abre, el programa guarda una copia de todo, si ya hay notas o tareas. Las copias forman una fila de siete: la octava borra la más antigua. Abre el programa o crea una copia y mira la fila avanzar.

Copias automáticas3/7

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

El archivo de la copia

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

{
  "version": "1.0.0",
  "createdAt": "2026-10-01T10:08:00.000Z",
  "data": {
    "notes": { pestañas y textos },
    "tasks": { tareas },
    "alerts": { alertas },
    "notion": { … },
    "settings": { ajustes }
  }
}

Las pantallas reales

Reglas del programa (backup.ts): la copia automática corre una vez por sesión, 2 segundos después de abrir, y solo si hay notas o tareas; "Crear ahora" entra en la misma fila; quedan las 7 más recientes. "Exportar" descarga el mismo JSON e "Importar" lo restaura. Fechas y tamaños aquí son de ejemplo.

Las tecnologías

De qué está hecho, pieza por pieza

Un programa de escritorio hecho casi todo en la pantalla: React con TypeScript dentro de Tauri, el editor TipTap para las notas y Zustand guardando todo en el almacenamiento local, de donde sale la copia de seguridad. Elige una pieza para ver qué hace aquí y en qué archivo está.

12tecnologías, en 3 capas

Pantalla

Datos

Programa