Notes App
Markdown notes that render on blur and survive a refresh.
StarterWeb appProductivity2–5hAI-buildable 5/5no setup
Add, edit, and delete notes that toggle between a textarea and rendered markdown, with everything persisted to localStorage. The persistence layer is what makes this feel like a real tool rather than a demo.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 5
- Add a new note with a button
- Each note toggles between edit and rendered view
- Note content renders as markdown when not editing
- Notes delete individually
- All notes persist across page reloads
The interesting part
- Keeping localStorage in sync without writing on every keystroke
Once it works
- Add search across notes
- Add tags and filtering
Suggested stack
reacttypescripttailwindreact-markdownfuse.jslocalstorage