Building Enki AI

Enki AI is an AI-powered learning platform for students and professionals. It combines Obsidian-style markdown notes with automatic linking, a visual knowledge graph, document vault, Jira-style project tracking, academic calendar, and a DeepSeek-powered chat assistant — all backed by Supabase with tiered Stripe subscriptions.

Live Demo

(dashboard currently unavailable)

What it does

Public landing

Marketing page with hero (“Your AI-Powered Study Companion”), feature cards, pricing tiers, and CTAs for free trial and demo. Highlights four core capabilities: smart note-taking, graph view, AI chat, and project management. Bilingual pricing copy in Spanish (Gratuito, Premium, Unlimited).

Auth & onboarding

  • Email/password signup (English) and login (Spanish UI)
  • Forgot password flow (/forgot-password)
  • Terms of Service and Privacy Policy pages
  • “Limpiar datos” button to reset local app state on login issues
  • Protected routes redirect unauthenticated users to /login

Dashboard

Central hub after login with quick-action cards:

  • Nueva Nota — jump to notes editor
  • Nuevo Proyecto — create a project
  • Chat con IA — open AI assistant
  • Recent notes list with tags and timestamps
  • Pending tasks summary (“Todas las tareas completadas!” when done)
  • AI assistant status indicator (“Listo para ayudar”)

Notes (markdown wiki)

Full markdown note-taking system:

  • Create, search, and organize notes with tags and folders
  • Wikilinks[[Note Title]] syntax for bidirectional linking between notes
  • Side-by-side editor with optional markdown preview
  • Auto-save
  • Built-in Markdown Wiki tutorial covering Basics, Lists & Tasks, Links & References, Code & Syntax, and Note Linking
  • Hub-note pattern guidance for organizing knowledge

Graph view

Interactive Knowledge Graph (/graph) visualizing note connections:

  • Blue nodes — regular notes
  • Green nodes — projects
  • Yellow nodes — documents
  • Lines — wikilink connections between entries

AI chat assistant

Chat con IA (/chat) powered by DeepSeek:

  • Chat with notes and uploaded documents as context
  • Separate IA Estándar and IA Premium query tiers with daily usage tracking
  • Usage warnings: “Pocas consultas estándar/premium restantes”
  • Configurable DeepSeek API key in settings
  • Achievement milestone: “AI Explorer — Had 25 AI conversations”

Projects & task board

Jira-style project management:

  • Project list with search (/projects)
  • Create new projects (/projects/new)
  • Kanban task board (/task-board) with priority levels (Alta, Media, Baja) and Pendiente status
  • Simple todo list (/simple-todo)
  • Sample academic projects: “Proyecto Final React”, “Examen Parcial”, “Diseño de BD”
  • Achievement: “Project Master — Completed 5 projects”

Documents vault

Document storage and import (/documents):

  • Upload documents (/documents/upload)
  • Google Drive integration (/documents/google-drive) — connect account and import selected files only
  • Search across local and Drive documents
  • Achievement: “Document Vault — Upload 20 documents”

Calendars

  • Calendario (/calendar) — general event and deadline management
  • Calendario Académico (/academic-calendar) — semester-style scheduling with course events and exams

Subscriptions

Three-tier pricing via Stripe (/subscription):

PlanPriceHighlights
Gratuito$0Unlimited notes, 500MB storage, 10 IA queries/day, basic projects, academic calendar, data export
Premium$10/mo ($8 annual)5GB storage, unlimited standard IA, 20 premium IA queries/day, Google Drive, priority support
Unlimited$25/mo ($20 annual)Unlimited storage, unlimited premium IA, real-time collaboration, custom API, 24/7 support

Subscription management with cancel-at-period-end flow and data export guarantee.

Profile, settings & achievements

  • Profile page with user info
  • Settings — AI configuration, DeepSeek API key, display preferences
  • Gamified achievements: First Note, Study Streak (7 days), Project Master, AI Explorer, Knowledge Graph (50 linked notes), Document Vault
  • Learning path samples: “Learn React Basics”, “Master React Hooks”, “Build Todo App”

Data export

Download all notes, projects, and documents. Privacy-first messaging: data stays secure and can be exported anytime.

Tech stack

LayerChoice
FrameworkReact 18 + Vite
StylingTailwind CSS (Catppuccin-inspired color tokens)
Auth & DBSupabase (Auth + PostgreSQL + Storage)
AIDeepSeek API (standard + premium tiers)
Markdownremark + rehype plugins (GFM, autolink, task lists, footnotes)
PaymentsStripe subscriptions
IntegrationsGoogle Drive OAuth for document import
IconsLucide React
DeployNetlify

App routes

RouteModule
/dashboardOverview & quick actions
/notesMarkdown note editor
/graphKnowledge graph visualization
/chatAI assistant
/projectsProject management
/task-boardKanban board
/documentsDocument vault
/calendarEvent calendar
/academic-calendarAcademic schedule
/subscriptionStripe billing
/settingsPreferences & AI config

Development process

Built as a full-stack learning SaaS — the private repo ships a single-page React app with Supabase backend, DeepSeek AI integration, Google Drive import, and Stripe billing.

Key build phases reflected in the app structure:

  • Core platform — auth, dashboard, markdown notes with wikilinks, auto-save, and search
  • Knowledge graph — visual node graph with color-coded note/project/document types
  • AI layer — DeepSeek chat with document context, dual-tier usage limits, and API key configuration
  • Productivity — Kanban task board, project CRUD, academic calendar, and simple todo list
  • Documents — upload vault plus selective Google Drive import
  • Monetization — three-tier Stripe subscriptions with Spanish pricing UI and cancel flow
  • Polish — Markdown Wiki onboarding, achievements system, terms/privacy pages, and marketing landing

Deployed to enkiai.netlify.app.

Blog

recent-work

Building Smartclic Demo

Modern landing page for a Mexican web development agency — React 19, Vite, Tailwind v4, GSAP scroll, 3D viewer, and bilingual ES/EN.

Read more →

Smartclic Demo

Landing page for a Mexican web agency — React 19, Tailwind v4, GSAP scroll, 3D viewer, and bilingual ES/EN.

How it was built →
border-home1