TakeNote is a minimal Markdown note-taking app inspired by Obsidian.
- Markdown editor with full GFM support — headings, bold, italic, tables, blockquotes, task lists, fenced code blocks, and more
- Live split preview — toggle a side-by-side rendered view as you type
- Markdown toolbar — one-click buttons for bold, italic, inline code, links, headings, lists, blockquotes, and dividers
- Auto-save — notes are saved to
localStorageautomatically as you type, with a visible save indicator - Search — instant full-text search across note titles and content
- Import / Export — back up all notes as JSON and restore them later; duplicate detection on import
- Syntax highlighting — code blocks are highlighted via highlight.js with the GitHub Dark theme
- Mobile-friendly — responsive sidebar overlay, hamburger menu, swipe-to-open gesture, and a mobile top bar showing the active note title
- Resizable sidebar — drag the sidebar edge to your preferred width on desktop
- Word & character count — live stats in the editor footer alongside the last-saved timestamp
- Keyboard shortcuts — see the table below
TakeNote is a static app — there is no build step.
- Clone or download this repository.
- Open
public/index.htmlin any modern browser.
That's it. Notes are stored in your browser's localStorage and persist across sessions.
| Shortcut | Action |
|---|---|
Ctrl / ⌘ + N |
Create a new note |
Ctrl / ⌘ + P |
Toggle split preview |
Ctrl / ⌘ + F |
Focus search |
Tab (in editor) |
Insert 2-space indent |
Escape |
Close search / close mobile sidebar |
Export — Click Export in the sidebar footer to download a takenote-export-YYYY-MM-DD.json file containing all your notes.
Import — Click Import and select a previously exported JSON file. Notes with duplicate IDs are skipped automatically; a toast confirms how many were imported and how many were skipped.