Online Notepad with Autosave — Never Lose Your Notes

Losing unsaved work is one of the most frustrating experiences in computing. NoteKraft's online notepad eliminates this problem entirely with automatic saving that runs silently in the background every 1.5 seconds.

How Autosave Works in NoteKraft

NoteKraft uses a debounced autosave mechanism. Here's the technical flow:

1. You type or edit text in the editor
2. A 1.5-second timer starts (the "debounce")
3. If you type again before the timer expires, it resets
4. Once you pause for 1.5 seconds, NoteKraft saves the full content to localStorage
5. The status bar indicator turns green and shows "Saved"

This debounce approach is intentional — saving on every single keystroke would be wasteful and could cause performance issues on very long documents. The 1.5-second delay strikes the right balance between safety and efficiency.

You can also trigger a manual save at any time by pressing Ctrl+S (or Cmd+S on Mac). This immediately saves your content and shows a "Saved!" toast notification.

Where Your Data Is Stored

NoteKraft stores your text using the browser's localStorage API. This is a web standard that allows websites to store key-value pairs on your local device.

Key facts about localStorage:

• Capacity: Most browsers allow 5-10MB per origin (domain). For text, this is equivalent to roughly 2.5-5 million characters — far more than most users will ever need.
• Persistence: Data survives tab closes, browser restarts, and computer reboots.
• Privacy: Data is sandboxed to the specific domain. No other website can access your NoteKraft data.
• No server: Data never leaves your device. NoteKraft has no backend server that could receive or store your text.

NoteKraft stores three items in localStorage:

Key	What It Stores
notekraft_content	Your full notepad text
notekraft_theme	Your theme preference (light/dark)
notekraft_fontsize	Your chosen font size

The Save Indicator

In the bottom-left corner of the editor, you'll see a small colored dot next to a status label:

• 🟢 Green dot + "Saved" — Your content is safely stored in localStorage
• 🟡 Yellow dot + "Saving..." — A save is in progress (appears briefly while the debounce timer is active)

You should see the yellow state only briefly while you're actively typing. Once you pause, it turns green within 1.5 seconds.

When Notes Can Be Lost

Autosaved notes are durable, but there are specific scenarios where they can be lost:

• Clearing browser data: If you go to your browser settings and clear "Site data" or "All browsing data," your localStorage is wiped.
• Incognito / Private mode: localStorage in incognito mode is temporary — it's erased when you close the window.
• Switching browsers: localStorage is per-browser. Notes saved in Chrome aren't visible in Firefox.
• Different devices: There's no sync between devices. Notes on your laptop aren't on your phone.
• Browser storage full: If another site fills your browser's storage quota, saves may fail (extremely rare).

Backup Best Practices

While autosave protects against accidental tab closures and browser crashes, important content should be backed up:

1. Download regularly: Use the 💾 Download button to save a .txt file to your computer
2. Use Ctrl+S habitually: Even though autosave runs, the manual save shortcut is a good habit
3. Copy before clearing browser data: Before clearing your browser cache, copy or download your notes first
4. Avoid incognito for important work: Use a regular browser window so localStorage persists

Frequently Asked Questions