Proyecto final DAM · 2026

Apuntes a mano en tablet, potenciados con IA.

Escribe con el lápiz como en papel. Beta3M convierte tus fórmulas en LaTeX, tus fotos en apuntes y tus apuntes en preguntas de repaso.

Demo: una fórmula escrita a mano con stylus se convierte en LaTeX

Todo lo que necesita un apunte técnico

La libertad del papel, la estructura de un editor y una IA que entiende lo que escribes.

Stylus de baja latencia

Motor de tinta propio con Pointer Events, eventos agrupados y doble capa canvas/SVG.

Fórmulas a LaTeX

Escribe una ecuación a mano y se convierte en LaTeX renderizado con KaTeX.

OCR de fotos

Pizarras, libros y fichas pasan a ser apuntes editables, con fórmulas y tablas.

IA para estudiar

Mejora, resume, chatea con tu nota y genera preguntas de repaso y flashcards.

Formas y lazo

Las figuras a mano alzada se enderezan solas, sin IA. El lazo selecciona y mueve.

Offline-first

Todo se guarda en el dispositivo al instante y se sincroniza al volver la red.

Asignaturas

Colores, emojis, búsqueda full-text e historial de versiones.

Claro y oscuro

Dos temas cuidados, y una exportación a PDF que siempre sale legible.

Galería

Horizontal y vertical, en modo claro y oscuro.

Tech stack

Elegido por rendimiento en el editor, control sobre los datos y coste predecible de la IA.

React 19TypeScriptVite TiptapeditorKaTeXZustand DexieIndexedDBNode.jsExpress 5 PostgreSQLGIN · RLSSupabaseOpenAI ResendVercelRailwayVitest

Arquitectura

El cliente nunca toca la base de datos ni tiene claves: todo pasa por una API propia.

Diagrama: tablet con React, IndexedDB y motor de tinta, conectada por HTTPS a una API Node.js que usa PostgreSQL, OpenAI y Resend 📱 Tablet / navegador React 19 + TypeScriptTiptap · KaTeX · Zustand Motor de tintaPointer Events · Canvas · SVG IndexedDB (Dexie)offline-first · cola de sync HTTPS JWT ⚙️ API Node.js + Express 5 helmet · CORS · rate limit validación · JWT routes → controllers → services 🗄️ PostgreSQL · SupabaseGIN full-text · RLS 🤖 OpenAIgpt-4o-mini · visión ✉️ Resendverificación de email

Equipo

Proyecto de final de ciclo de Desarrollo de Aplicaciones Multiplataforma.

Ignasi Palau

Backend · API · base de datos
IA, OCR y sincronización

@1ByNacho

El código completo es privado

En GitHub encontrarás la arquitectura, las decisiones técnicas y extractos seleccionados. Si quieres ver más, escríbeme y hago una demo en directo.

Ver en GitHub → Escríbeme