ANOtaciones: mi alternativa local a Notion para notas, tareas y Kanban en Ubuntu

5

Una vez más aquí. Hace como un par de semanas, estuve viendo a un amigo, y mientras esperaba me di cuenta de que esta usando Notion para sus cosas de trabajo. Y viendo un poco por encima cómo funciona (ni conocía este programa), me di cuenta de que a mi también me podría venir bien para gestionar mis trabajos. Por esa razón, me puse a ver cómo podría crear algo que me sirva para mis cosas, usando solo aquello que necesito. Tras unos cuantos días de darle a la tecla, así surgió ANOtaciones. Esta es una aplicación de productividad al «estilo Notion» que funciona por completo en tu equipo: sin cuenta, sin servidor propio y sin enviar tus notas a la nube. Como digo esto no es un calco de Notion ni aspira a serlo, pero si buscas una alternativa a Notion local, privada y usable en el día a día —incluidos tableros Kanban, bases de datos y favoritos web—, este programa merece un sitio en tu Ubuntu.

En las siguientes líneas vamos a repasar qué es ANOtaciones, para quién está pensada, cómo instalarla en Ubuntu con un paquete .deb, qué puedes hacer con ella y cómo está construida por dentro (React, TipTap, Dexie e IndexedDB). El objetivo es que cualquiera termine este artículo con una visión clara del producto y con los pasos concretos para empezar.

Qué es ANOtaciones y por qué destaca frente a otras apps de notas

ANOtaciones (versión 0.5) es una SPA (aplicación de una sola página) pensada como un espacio de trabajo local tipo Notion. La aplicación combina:

• La posibilidad de crear una wiki de páginas anidadas con editor enriquecido.
• Productividad clásica: bandeja de entrada, tareas, calendario y panel de control.
• Tableros Kanban y bases de datos con varias vistas.
• Un gestor de favoritos web (URLs) aparte de los favoritos de páginas.

Todo el contenido vive en el navegador, en IndexedDB, con posibilidad de exportar e importar copias de seguridad en JSON y Markdown. No hay sync en la nube: es una decisión de diseño. Ideal si priorizas privacidad, trabajo offline o un entorno controlado (por ejemplo, un PC de oficina sin depender de servicios externos).

A diferencia de muchas herramientas “solo web” que exigen registro, ANOtaciones se puede empaquetar para Ubuntu con lanzador de escritorio, icono en la bandeja del sistema y ventana en modo aplicación (sin barra de pestañas). La experiencia se acerca a una app nativa, aunque por debajo sigue siendo la misma SPA servida en localhost.

Características principales de ANOtaciones

Notas, wiki y editor enriquecido

El núcleo es un árbol de páginas con subpáginas, favoritos, recientes e iconos emoji. La barra lateral es colapsable y la interfaz está en español. Entre sus características me parece que destacaría:

• Búsqueda global con Ctrl+K / Cmd+K (título, contenido, tipo y etiquetas).
• Editor basado en TipTap: títulos, listas, tareas, código, citas, notas destacadas (callouts), separadores e imágenes (URL, pegar o arrastrar), con lightbox al hacer doble clic.
• Menú de bloques con / y barra flotante de formato.
• Enlaces internos estilo wiki [[Título]], con IDs estables y títulos que se actualizan al renombrar.
• Panel de menciones (backlinks), etiquetas, plantillas y papelera con opción de restauración.
• Nota del día, tema claro/oscuro, atajos de teclado e historial de versiones por página.

Productividad: bandeja, tareas, calendario y panel

Además del wiki, ANOtaciones incluye flujos de captura y seguimiento:

• Bandeja de entrada para captura rápida.
• Centro de tareas con estado (Pendiente / En curso / Hecho), prioridad, vencimiento, etiquetas y vistas guardadas.
• Calendario mensual (semana de lunes a domingo, fechas en formato español): crear o abrir la nota del día, añadir tareas, editar, quitar del día o enviar a la papelera.
• Panel de control configurable: vencen hoy, alta prioridad, bandeja y favoritos de página.

Los metadatos de tarea también están disponibles dentro del editor de cada documento, de modo que una nota puede ser a la vez contenido largo y elemento de productividad.

Favoritos web

La sección Favoritos web no se confunde con marcar una página como favorita. Sirve para guardar URLs (http/https) con título, notas, carpetas y etiquetas propias. Puedes buscar, filtrar, abrir en pestaña nueva, copiar la URL, editar o eliminar. Al borrar una carpeta, los enlaces pasan a «Sin carpeta» sin perderse.

Tableros Kanban y bases de datos

Puedes crear un tablero Kanban con columnas Pendiente, En curso y Hecho, y mover tarjetas con arrastrar y soltar. Las bases de datos ofrecen vistas Tabla, Galería y Tablero, con propiedades de texto, lista, número, casilla, fecha, varias opciones, relación y fórmula, además de filtros, ordenación y agrupación.

Portabilidad, PWA y diagnóstico

ANOtaciones pone el foco en que tus datos salgan y entren bajo tu control:

• Exportar / importar JSON (backup con páginas, etiquetas, vistas, adjuntos y favoritos web; fusionar o reemplazar).
• Markdown de la página activa y export de la wiki completa.
• Adjuntos vía OPFS cuando el navegador lo permite.
• Instalable como PWA.
• Pantalla de diagnóstico (conteos, huérfanos, enlaces rotos) y aviso si llevas tiempo sin copia de seguridad.

Cómo instalar ANOtaciones en Ubuntu

Hay dos caminos habituales: instalar el paquete .deb (recomendado para uso diario) o empaquetar desde el código fuente si desarrollas o contribuyes al proyecto.

Requisitos del sistema

• Ubuntu o un derivado.
• python3 (normalmente ya instalado): sirve el build estático en local.
• Dependencias de bandeja del sistema (el .deb las declara): python3-gi, GTK e AppIndicator.
• Google Chrome, Brave o Chromium. Se priorizan binarios que no sean snap para evitar problemas de perfil; si usas Chromium snap, el perfil se guarda bajo ~/snap/…/common/anotaciones-browser.

No necesitas Node.js en el PC donde solo vayas a usar la aplicación instalada.

Instalar con el archivo .deb

El paquete .deb se puede descargar desde la página de lanzamientos del repositorio de GitHub en el que he alojado el proyecto. Si ya tienes el paquete generado (por ejemplo anotaciones_0.5.0_all.deb), basta con abrir una terminal (Ctrl+Alt+T) y desde la carpeta en la que tengas guardado el paquete escribir:

sudo dpkg -i anotaciones_0.5.0_all.deb
# Si faltara alguna dependencia:
sudo apt-get install -f

Después busca ANOtaciones en el menú de aplicaciones o ejecuta el comando anotaciones en una terminal.

Generar e instalar desde el código fuente

Generar el paquete .deb desde el código fuente que está alojado en Github es bien sencillo. Desde una terminal (Ctrl+Alt+T) basta con seguir los sigueintes comandos uno por uno:

git clone https://github.com/entreunosyceros/ANOtaciones.git
cd ANOtaciones
npm install
npm run pack:deb
sudo dpkg -i release/anotaciones_0.5.0_all.deb

También tendremos una alternatica sin generar .deb con los siguientes comandos:

npm run pack:linux
sudo ./packaging/install.sh

Desinstalación

Si no te gusta, o no te convence, la desinstalación es también muy sencilla. Basta con usar los siguientes comandos, según como lo instalases:

sudo dpkg -r anotaciones
# o, si instalaste con el script del repo:
sudo ./packaging/uninstall.sh

Bandeja del sistema y comportamiento de escritorio

Tras el lanzamiento, ANOtaciones puede mostrar un icono de bandeja del sistema con las opciones Abrir y Salir. Abrir enfoca la ventana existente o la crea si no hay ninguna; evita ventanas en blanco por perfiles bloqueados. Salir cierra el navegador en modo app, el servidor local y el propio indicador. Un segundo clic en el lanzador del escritorio también intenta enfocar la instancia en ejecución (ayuda opcional: wmctrl o xdotool).

Los datos quedan en IndexedDB del perfil del navegador usado por el lanzador (típicamente http://127.0.0.1:8765 con perfil dedicado). No es un binario nativo compilado: es la SPA con una capa de UX de escritorio muy práctica.

Principales funcionalidades en el día a día … que a mi me sirve

Un flujo típico podría ser:

1. Capturar ideas en la bandeja.
2. Convertirlas en páginas o tareas con prioridad y fecha.
3. Planificar la semana en el calendario y abrir la nota del día.
4. Organizar proyectos en un Kanban o una base de datos.
5. Guardar referencias externas en Favoritos web.
6. Exportar un JSON de respaldo de forma periódica.

La interfaz unifica estos modos en la barra lateral (nota del día, bandeja, tareas, calendario, panel, favoritos web, diagnóstico), más el árbol de páginas, la papelera y las acciones de importación/exportación. Con la barra contraída, los controles del pie (papelera y copia de seguridad) siguen siendo usables mediante menús flotantes, y los tooltips se muestran por encima del contenido principal.

Arquitectura y partes más importantes del código de ANOtaciones

Conocer el código ayuda a contribuir, auditar privacidad o adaptar el empaquetado. El stack declarado en el proyecto es: Vite, React 19, TypeScript, Tailwind CSS v4, TipTap, Dexie, Lucide y @dnd-kit.

Arranque de la aplicación: App y PagesProvider

El punto de entrada de React monta App, que envuelve toda la UI en PagesProvider y renderiza AppShell. El proveedor centraliza páginas, etiquetas, vistas guardadas, favoritos web, papelera, plantillas y operaciones de backup. Es el “cerebro” de estado frente a IndexedDB.

// src/App.tsx (estructura conceptual)
<PagesProvider>
  <AppShell />
</PagesProvider>

Capa de datos: Dexie e IndexedDB (esquema v7)

En src/db/ se define la base IndexedDB anotacion con tablas como pages, tags, savedViews, attachments, revisions, bookmarkFolders, bookmarkTags y bookmarks. Dexie simplifica consultas y migraciones. Los tipos en src/db/types.ts modelan páginas (doc, board, database), propiedades de base de datos y estados de tablero en español, con normalización de valores antiguos en inglés.

Esta decisión es clave para el posicionamiento del producto: persistencia local sin backend. Quien revise el código puede verificar que no hay llamadas a APIs de terceros para guardar contenido.

Interfaz: AppShell y barra lateral

AppShell orquesta la barra lateral (navegación de productividad, árbol de páginas, papelera, respaldo) y el área principal (editor, Kanban, base de datos, favoritos web o diagnóstico). El colapso de la barra, los tooltips y los menús del pie están pensados para no perder usabilidad en pantallas pequeñas ni en modo iconos.

Editor TipTap

El editor en src/components/editor/ integra TipTap con extensiones de formato, tareas, imágenes, enlaces a páginas y menú slash. Es la pieza que hace que ANOtaciones se sienta “tipo Notion” al escribir, sin renunciar a un modelo de datos propio en JSON (documento TipTap) almacenado por página.

Productividad y tableros

La lógica de tareas (estado, prioridad, vencimiento, bandeja) se apoya en propiedades de página y helpers en src/lib/taskProps.ts. Los tableros usan drag-and-drop; las bases de datos reutilizan esquemas y vistas definidos en tipos y componentes bajo src/components/database/ y src/components/board/.

Empaquetado Ubuntu

La carpeta packaging/ contiene el script de empaquetado Linux, la generación del .deb, el lanzador anotaciones, el script de bandeja en Python (anotaciones-tray.py) y el fichero .desktop. En esencia: se construye el frontend con Vite, se copia a un directorio de instalación y se arranca un servidor HTTP local mínimo; el navegador abre la URL en modo aplicación y la bandeja gestiona abrir/salir.

Desarrollo local

npm install
npm run dev

Otros scripts útiles: npm run build, npm run lint, npm run preview, npm run pack:linux y npm run pack:deb.

Privacidad y dónde viven tus datos

Resumen operativo para usuarios y para quienes evalúan cumplimiento interno:

• IndexedDB local (esquema v7).
• Backup JSON versión 6 (incluye favoritos web).
• Fechas internas ISO; visualización en locale es-ES.
• Tema, página activa y recordatorios de backup en localStorage.
• No se envían datos a ningún servidor de la aplicación para almacenar tus notas.

Eso no elimina la responsabilidad de hacer copias de seguridad: un cambio de perfil de navegador o un borrado de datos del sitio puede vaciar el contenido. Por eso el export JSON y el aviso de respaldo forman parte del diseño.

Conclusión: ¿merece la pena ANOtaciones?

Si quieres una app de notas y productividad tipo Notion en local, con Kanban, bases de datos, calendario y favoritos web, e instalación sencilla en Ubuntu, ANOtaciones encaja muy bien. Brilla en privacidad, portabilidad del código (stack modernete y legible) y empaquetado de escritorio sin obligar a tener Node.js en el equipo donde se usa.

Si necesitas colaboración en tiempo real, IA integrada o sincronización multi-dispositivo en la nube, tendrás que complementar con otras herramientas o esperar evoluciones, si es que las llega a haber. Para un wiki personal o de equipo pequeño en un solo PC —o como segundo cerebro offline— es una opción sólida, abierta y documentada.

Repositorio del proyecto se encuentra en github.com. Instala el .deb, abre la bandeja o el lanzador, y empieza por la nota del día o la bandeja de entrada: en pocos minutos tendrás el mapa completo de la herramienta.

Preguntas frecuentes sobre ANOtaciones

¿ANOtaciones funciona sin Internet?

Sí para el uso habitual una vez cargada la app y con los datos en IndexedDB. La instalación y el lanzador usan un servidor local; no dependen de un backend remoto para guardar notas.

¿Puedo usarla solo en el navegador sin instalar el .deb?

Sí: clona el repositorio, ejecuta npm install y npm run dev (o build + preview). El .deb aporta la experiencia de escritorio en Ubuntu.

¿Mis notas se suben a algún servidor?

No. El diseño es almacenamiento local. Las copias de seguridad las generas tú (JSON/Markdown) cuando exportas.