Personal Project
Marky
A responsive mindmap creation and editing app built around a rich editor and real-time visual rendering using markmap. Supports importing Markdown/HTML, exporting standalone HTML, local autosave, a learning center, keyboard shortcuts, and accessibility-focused interactions (including keyboard navigation).
The Problem
Users needed a fast way to turn text/Markdown into clean visual mindmaps without relying on heavy desktop tools.
The Solution
Built an editor + live mindmap preview workflow with autosave, import/export, and optional AI-assisted generation to quickly structure ideas.
Architecture
Next.js 15 + TypeScript + Tailwind CSS + shadcn/ui, using markmap for visualization and Lexical for editing, with an optional configurable AI endpoint and error boundaries for resilience.
Tech Stack
Next.js 15TypeScriptTailwind CSS 4shadcn/uiRadix UImarkmap.jsLexicalGPT-OSS