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

Construido como SaaS de aprendizaje full-stack — el repo privado incluye una app React de una sola página con backend Supabase, integración IA DeepSeek, importación de Google Drive y facturación Stripe.

Fases clave de construcción reflejadas en la estructura de la app:

  • Plataforma central — auth, dashboard, notas markdown con wikilinks, auto-guardado y búsqueda
  • Grafo de conocimiento — grafo visual de nodos con tipos codificados por color de nota/proyecto/documento
  • Capa IA — chat DeepSeek con contexto de documentos, límites de uso de doble nivel y configuración de API key
  • Productividad — tablero Kanban, CRUD de proyectos, calendario académico y lista de tareas simple
  • Documentos — bóveda de subida más importación selectiva de Google Drive
  • Monetización — suscripciones Stripe de tres niveles con UI de precios en español y flujo de cancelación
  • Pulido — onboarding Markdown Wiki, sistema de logros, páginas de términos/privacidad y landing de marketing

Desplegado en enkiai.netlify.app.

Blog

recent-work

Construyendo Smartclic Demo

Landing page moderna para una agencia mexicana de desarrollo web — React 19, Vite, Tailwind v4, scroll GSAP, visor 3D y bilingüe ES/EN.

Leer más →

Smartclic Demo

Landing page para una agencia web mexicana — React 19, Tailwind v4, GSAP scroll, visor 3D y bilingüe ES/EN.

Cómo se construyó →
border-home1