Construyendo Enki AI

Enki AI es una plataforma de aprendizaje con IA para estudiantes y profesionales. Combina notas markdown al estilo Obsidian con enlazado automático, un grafo visual de conocimiento, bóveda de documentos, seguimiento de proyectos estilo Jira, calendario académico y un asistente de chat con DeepSeek — todo respaldado por Supabase con suscripciones por niveles en Stripe.

Demo en vivo

(el dashboard no está disponible por ahora)

Qué hace

Landing pública

Página de marketing con hero (“Your AI-Powered Study Companion”), tarjetas de funcionalidades, niveles de precios y CTAs para prueba gratuita y demo. Destaca cuatro capacidades centrales: toma de notas inteligente, vista de grafo, chat con IA y gestión de proyectos. Copy de precios bilingüe en español (Gratuito, Premium, Unlimited).

Auth y onboarding

  • Signup con correo/contraseña (inglés) e login (UI en español)
  • Flujo de olvidé contraseña (/forgot-password)
  • Páginas de Términos de Servicio y Política de Privacidad
  • Botón “Limpiar datos” para restablecer el estado local de la app ante problemas de login
  • Las rutas protegidas redirigen usuarios no autenticados a /login

Dashboard

Centro principal después del login con tarjetas de acción rápida:

  • Nueva Nota — ir al editor de notas
  • Nuevo Proyecto — crear un proyecto
  • Chat con IA — abrir asistente IA
  • Lista de notas recientes con etiquetas y marcas de tiempo
  • Resumen de tareas pendientes (“Todas las tareas completadas!” cuando termina)
  • Indicador de estado del asistente IA (“Listo para ayudar”)

Notas (markdown wiki)

Sistema completo de toma de notas en markdown:

  • Crear, buscar y organizar notas con etiquetas y carpetas
  • Wikilinks — sintaxis [[Note Title]] para enlaces bidireccionales entre notas
  • Editor lado a lado con vista previa markdown opcional
  • Auto-guardado
  • Tutorial integrado Markdown Wiki que cubre Basics, Lists & Tasks, Links & References, Code & Syntax y Note Linking
  • Guía de patrón hub-note para organizar conocimiento

Vista de grafo

Knowledge Graph interactivo (/graph) que visualiza conexiones entre notas:

  • Nodos azules — notas regulares
  • Nodos verdes — proyectos
  • Nodos amarillos — documentos
  • Líneas — conexiones wikilink entre entradas

Asistente de chat IA

Chat con IA (/chat) impulsado por DeepSeek:

  • Chat con notas y documentos subidos como contexto
  • Niveles de consulta separados IA Estándar e IA Premium con seguimiento de uso diario
  • Advertencias de uso: “Pocas consultas estándar/premium restantes”
  • API key de DeepSeek configurable en configuración
  • Logro: “AI Explorer — Had 25 AI conversations”

Proyectos y tablero de tareas

Gestión de proyectos estilo Jira:

  • Lista de proyectos con búsqueda (/projects)
  • Crear proyectos nuevos (/projects/new)
  • Tablero Kanban de tareas (/task-board) con niveles de prioridad (Alta, Media, Baja) y estado Pendiente
  • Lista de tareas simple (/simple-todo)
  • Proyectos académicos de muestra: “Proyecto Final React”, “Examen Parcial”, “Diseño de BD”
  • Logro: “Project Master — Completed 5 projects”

Bóveda de documentos

Almacenamiento e importación de documentos (/documents):

  • Subir documentos (/documents/upload)
  • Integración con Google Drive (/documents/google-drive) — conectar cuenta e importar solo archivos seleccionados
  • Buscar en documentos locales y de Drive
  • Logro: “Document Vault — Upload 20 documents”

Calendarios

  • Calendario (/calendar) — gestión general de eventos y fechas límite
  • Calendario Académico (/academic-calendar) — programación por semestre con eventos de cursos y exámenes

Suscripciones

Precios de tres niveles vía Stripe (/subscription):

PlanPrecioDestacados
Gratuito$0Notas ilimitadas, 500MB almacenamiento, 10 consultas IA/día, proyectos básicos, calendario académico, exportación de datos
Premium$10/mes ($8 anual)5GB almacenamiento, IA estándar ilimitada, 20 consultas IA premium/día, Google Drive, soporte prioritario
Unlimited$25/mes ($20 anual)Almacenamiento ilimitado, IA premium ilimitada, colaboración en tiempo real, API personalizada, soporte 24/7

Gestión de suscripción con flujo de cancelación al final del periodo y garantía de exportación de datos.

Perfil, configuración y logros

  • Página de Profile con info del usuario
  • Settings — configuración de IA, API key de DeepSeek, preferencias de visualización
  • Achievements gamificados: First Note, Study Streak (7 days), Project Master, AI Explorer, Knowledge Graph (50 linked notes), Document Vault
  • Muestras de rutas de aprendizaje: “Learn React Basics”, “Master React Hooks”, “Build Todo App”

Exportación de datos

Descargar todas las notas, proyectos y documentos. Mensaje privacy-first: los datos permanecen seguros y pueden exportarse en cualquier momento.

Stack técnico

CapaElección
FrameworkReact 18 + Vite
EstilosTailwind CSS (tokens de color inspirados en Catppuccin)
Auth y DBSupabase (Auth + PostgreSQL + Storage)
IADeepSeek API (niveles standard + premium)
Markdownplugins remark + rehype (GFM, autolink, task lists, footnotes)
PagosSuscripciones Stripe
IntegracionesGoogle Drive OAuth para importación de documentos
ÍconosLucide React
DeployNetlify

Rutas de la app

RutaMódulo
/dashboardVista general y acciones rápidas
/notesEditor de notas markdown
/graphVisualización del grafo de conocimiento
/chatAsistente IA
/projectsGestión de proyectos
/task-boardTablero Kanban
/documentsBóveda de documentos
/calendarCalendario de eventos
/academic-calendarCalendario académico
/subscriptionFacturación Stripe
/settingsPreferencias y config de IA

Proceso de desarrollo

Enki AI es un SaaS de aprendizaje full-stack: React + Vite en el frontend, Supabase para auth y datos, DeepSeek para chat, Stripe para suscripciones e importación desde Google Drive. Demo en vivo: enkiai.netlify.app.

Plataforma central

  • Auth por email de Supabase con rutas protegidas y recuperación de contraseña — ver guía de auth.
  • Dashboard con acciones rápidas para notas, proyectos y chat IA.
  • Notas markdown con wikilinks ([[Título de nota]]), auto-guardado, etiquetas, carpetas y búsqueda de texto completo.
  • Tutorial Markdown Wiki integrado: básicos, tareas, enlaces, bloques de código y patrones de vinculación.

Grafo de conocimiento

  • Ruta /graph con nodos codificados por color: notas azules, proyectos verdes, documentos amarillos.
  • Aristas dibujadas desde relaciones wikilink parseadas en el editor de notas.
  • Navegación del grafo enlazada de regreso al editor para saltos rápidos entre ideas conectadas.

Capa de asistente IA

  • Chat DeepSeek integrado con contexto opcional de notas/documentos en los prompts.
  • Uso dividido en IA Estándar e IA Premium con contadores diarios y banners de advertencia.
  • API key configurable en ajustes; estadísticas de uso por cuenta.
  • Logro agregado: AI Explorer — 25 conversaciones.

Módulos de productividad

  • Lista de proyectos estilo Jira, flujo de creación y tablero Kanban con etiquetas de prioridad (Alta, Media, Baja).
  • Calendario académico y ruta de lista de tareas simple.
  • Proyectos académicos de muestra para onboarding del demo.

Documentos y facturación

  • Bóveda de documentos con flujo de subida e importación selectiva de Google Drive (OAuth + selector de archivos).
  • Tres niveles de suscripción con Stripe Checkout, UI de precios en español y flujo de cancelación al final del periodo.
  • Páginas de Términos de Servicio y Política de Privacidad; exportación de datos desde ajustes de perfil.

Pulido y lanzamiento

  • Logros gamificados (First Note, Study Streak, Project Master, Knowledge Graph, Document Vault).
  • Landing de marketing con tarjetas de funcionalidades y CTAs de precios.
  • Deploy en Netlify con variables Supabase y configuración de webhooks Stripe documentada en el repo privado.

Blog

recent-work

Construyendo Galena AI

Dashboard de detección de voz sintética — seis detectores ONNX detrás de un servicio FastAPI, confianza del veredicto, historial de llamadas y métricas interactivas del modelo.

Leer más →

Galena AI

Dashboard de detección de voz sintética — seis detectores ONNX vía FastAPI, confianza del veredicto, historial de llamadas y métricas interactivas.

Cómo se construyó →
border-home1