A mindmap-based todo/note management system where tasks ARE notes.
- ✅ React + Vite + TypeScript setup
- ✅ Replicache local-first storage
- ✅ Basic mindmap visualization with React Flow
- ✅ Tree layout algorithm
- ✅ Create/edit/delete nodes
- ✅ Markdown editor with CodeMirror
- ✅ Keyboard shortcuts
- ✅ IndexedDB persistence
- Create mindmaps with hierarchical nodes
- Edit node titles and markdown content
- Tree-based layout visualization
- Full keyboard navigation
- Local storage (offline-first)
npm install
npm run dev| Shortcut | Action |
|---|---|
| Ctrl/Cmd + N | Create child node |
| Enter | Edit selected node |
| Escape | Deselect |
| Delete | Delete selected node |
- React 19.2 + TypeScript
- Vite 7.2
- Tailwind CSS 4.1
- Replicache 15 (local-first state)
- React Flow 11 (mindmap visualization)
- CodeMirror 6 (markdown editor)
- Tree-table view
- Panoramic view
- Task states (not-started → in-progress → stopped → finished)
- Progress tracking (1/12 mushrooms)
- Tags and references
- Force-directed and radial layouts
- Global search
- Keyboard shortcuts system
- Simple undo/redo
- Time-travel history
- Slash commands
- Tag autocomplete
- Wiki links
- Task lists with sync
- JSON backup/restore
- Markdown export
- OPML export/import
- Responsive design
- Touch gestures
- Mobile focus view
- Virtualization
- Performance optimization
- Web Workers for layouts
- Testing
- PWA
- Deploy to Vercel
MIT