Day 3: Holiday Notes That Don’t Get Lost (Note Taker) 🗒️

Published: (December 18, 2025 at 06:03 PM EST)
2 min read
Source: Dev.to

Source: Dev.to

Overview

It’s Day 3 of the 12 Days of Svelte Apps 🎄. The holiday season is essentially a memory test: gift ideas, card messages, recipes and substitutions, travel details, “what was that link again?”

Today’s featured mini‑app solves that in the cleanest way possible: Note Taker — a simple, fast place to capture notes without burying them in a pile.

🔗 Try it live:
💻 View the code:

How to Use It

  1. Create a note per person and treat it like a tiny “gift profile”:

    • Gift Ideas — Mom
    • Gift Ideas — Dad
    • Gift Ideas — Partner
  2. Paste everything inside the note:

    • Sizes, colors, preferences
    • Product links
    • Reminders like “already owns this”
  3. Write card drafts when inspiration hits (instead of standing over a blank card).

    • Save a few variants
    • Tweak later
    • Copy/paste when you’re ready
  4. Use a note as a cooking scratchpad:

    • Timings you adjusted
    • Substitutions that worked
    • “Next time: double the sauce”

Finding Notes Quickly

Once you have a bunch of notes, fast retrieval is essential. The app includes a search box that filters notes by title or content, so typing “scarf” or “cinnamon” jumps straight to the relevant note.

Syncing

  • If you’re logged in, a manual sync button appears.
  • The app also schedules sync attempts intelligently (only when you’re online and the tab is visible), avoiding background request spam.

Example Starter Notes

Gift Ideas — Alex
Idea: wool scarf (green)
Size: one‑size
Link: …
Backup: candle set
Holiday Inbox
“Grandma likes peppermint bark”
“Find wrapping paper that matches”
“Remember: batteries”

Simple structure beats complicated systems — especially in December.

What’s Next

Tomorrow we’ll go deeper into planning workflows with a Markdown Editor.

Back to Blog

Related posts

Read more »

Testing in Umami codebase - Part 1.2

Inspired by BulletProof Reacthttps://github.com/alan2207/bulletproof-react/tree/master, I applied its codebase architecture concepts to the Umami codebasehttps:...