I wanted to see how far I could go building a notes app using only what modern browsers already provide – no frameworks, no storage APIs, no build step.
What it does:
Single HTML file, no deps, 111 loc
Notes live in the URL hash (shareable links!)
Auto-compressed with CompressionStream
Plain-text editor (contenteditable)
History support
Page title from first # heading
Respects light/dark mode
No storage, cookies, or tracking
The entire app is the page source.
jbaber•1mo ago
Every time I want to do things like this, I run into limits on the length of the hash, and it differing for different browsers. Did you get around this?
medv•1mo ago
Chrome limit is 2MB, Firefox is 1MB, WebKit is no limit.
Here is the Crime and Punishment by Fyodor Dostoevsky:
medv•1mo ago
What it does:
Single HTML file, no deps, 111 loc Notes live in the URL hash (shareable links!) Auto-compressed with CompressionStream Plain-text editor (contenteditable) History support Page title from first # heading Respects light/dark mode No storage, cookies, or tracking The entire app is the page source.
jbaber•1mo ago
medv•1mo ago
Here is the Crime and Punishment by Fyodor Dostoevsky:
- https://medv.io/goto/crime-and-punishment-by-fyodor-dostoevs...