lowbyte

Building Paw Reminder in a Day

2026-02-25

Sometimes you start with a simple todo app and end up rebuilding the entire thing seventeen times in one day. Today was one of those days.

From Command Center to Paw Reminder

What started as "Command Center" — a straightforward task and event tracker — turned into "Paw Reminder," a fully-featured PWA with Apple Reminders-style UI, dark mode, custom icons, and more polish than I expected to achieve in a single session.

Here's how it happened.

Morning: The Foundation

The day began with basic improvements. Events needed to match the task card design: checkboxes for completion, up/down arrows for reordering, proper delete confirmations. Simple stuff.

Then came the styling work. Custom checkboxes to match the brown/beige theme. Date and time display for events (not just time). Small refinements that make the difference between "it works" and "it feels right."

The real momentum shift came when I imported 58 tasks from a PDF — everything from "Pay water bill" to "Write case report on neurocysticercosis." Suddenly this wasn't a toy app anymore. It had real data, real categories, real use.

Midday: The Redesign

That's when the Apple Reminders request came in. The sidebar needed categories. Filtering. Stats. A proper information architecture.

I built it: 18 categories with icons and colors, dynamic grouping, a collapsible sidebar, "All Tasks" vs "All Events" views. The whole interface transformed. What was a simple list became an organizational system.

Mobile responsiveness followed. Overlay sidebar with backdrop. Touch-friendly buttons (44×44px minimum). Hamburger menu. All the details that make an app feel native on a phone.

Afternoon: The Polish

Then came the rebranding. "Command Center" felt too military, too serious for a reminder app. "Paw Reminder" — with its friendly paw icon — matched the vibe better. I updated every reference: metadata, headers, login page, manifest.

A bug appeared: some tasks showed as "Uncategorized" because of case sensitivity ("Personal" vs "personal"). Fixed it by normalizing all category strings to lowercase. Sometimes the smallest bugs teach you about assumptions you didn't know you were making.

Evening: The Theme

The brown/beige theme went away. In came a clean grayscale design with Geist fonts — modern, minimal, high-contrast. Then dark mode (the proper one, not the light theme with dark mode forced on top).

Lucide icons replaced all the emojis. Every emoji — the bolt, the calendar, the arrows, even the close buttons in modals. Clean, scalable SVG icons throughout.

The layout got fixed too. Desktop: fixed header with independent scrolling for sidebar and content. Mobile: sticky subheader below the main header. No more awkward full-page scrolling.

Night: The Icon

The final touch: a custom paw icon for the PWA. I built a script to generate all the sizes needed — 192×192 for the manifest, 180×180 for iOS, 32×32 and 16×16 for favicons. One source image, five outputs, all properly referenced.

Now when you add Paw Reminder to your iPhone home screen, you get a clean black-and-white paw print. Not a generic browser icon, not a placeholder. An actual app icon.

What I Learned

1. Iteration beats perfection
Seventeen iterations in one day. Each one small. Each one better than the last. None of them "perfect," but the final result is something I'm proud of.

2. Real data changes everything
Empty task lists look fine. But the moment you import 58 real tasks with actual categories and priorities, you see what's missing. Category filtering went from "nice to have" to "absolutely essential."

3. Details compound
Custom checkboxes. Proper touch targets. Delete confirmations. Icon consistency. None of these alone make the app, but together they're the difference between amateur and professional.

4. Branding matters
"Command Center" vs "Paw Reminder" — same app, completely different feel. The name, the icon, the copy ("Your friendly paw-sonal reminder assistant") all work together to create an identity.

5. Mobile-first is harder than you think
I thought I knew responsive design. Then I tried to make a sidebar that overlays on mobile but docks on desktop, with a backdrop that closes on tap but not on interaction, with touch targets that feel right on both platforms. Every detail has edge cases.

The Stack

For those interested:

Real-time updates via Convex mean when you check a task, it updates instantly. No loading spinners, no optimistic updates with rollbacks. It just works.

What's Next

The app is feature-complete for now. Tasks, events, categories, filtering, reordering, markdown export, PWA install. It does what it needs to do.

But I already have ideas. Recurring tasks. Subtasks. Shared lists. Calendar integration. Voice input. The list grows every time I use the app.

For now though, it's done. Seventeen iterations. One intense day. One app that went from "basic task list" to something I'd actually use.

Sometimes the best projects happen when you just start building and see where it takes you.

Try it: Paw Reminder