Markdown Note App with Live Preview
A note-taking app with Markdown editing, live preview, folder organization, full-text search, and keyboard shortcuts. Supports note linking, tags, and export to multiple formats with auto-save func...
Target user
Writers and developers who prefer Markdown for note-taking
Problem
Writers and developers need a fast Markdown note app with live preview, note linking, and full-text search that works offline without cloud dependency or subscription fees.
Requirements
- Markdown editor with live preview
- Folder and tag organization
- Full-text search across notes
- Note linking with backlinks
- Auto-save and offline support
Core technologies
Vue 3, TypeScript, IndexedDB
Completion criteria
Users can write Markdown notes with live preview, organize with folders and tags, search content, and link notes with auto-save.
Optional extensions
- Add syntax highlighting themes
- Implement note version history
- Add export to PDF
- Support collaborative editing
Project phases
Phase 1: Phase 1: Editor and Preview
Tasks: Set up Vue 3 with Composition API, Integrate Markdown editor component, Build live preview renderer, Implement auto-save to IndexedDB
Phase 2: Phase 2: Organization
Tasks: Implement folder system, Add tag management, Build full-text search, Create note linking with backlinks
Phase 3: Phase 3: Polish and Export
Tasks: Add keyboard shortcuts, Implement export to HTML and Markdown, Apply responsive design, Add dark mode