For years, I’ve had ideas that fizzled out during the "which framework should I use?" phase. I’d get stuck in the setup, and the spark would die. This week, everything changed. I stopped overthinking and went back to the basics.

I built Daily Reflections—a private, offline-first journaling space—using 100% Vanilla JS. No React, no build steps, just pure flow.
The Solution: A Local-First Architecture 🏠
I decided to build a PWA that treats the browser as the destination, not just the interface.

State & Persistence: Everything lives in localStorage. There is no backend. Privacy isn't a feature; it's the architecture.

Zero Dependencies: I challenged myself to skip the heavy libraries.

Charts: Built using the Canvas API (no Chart.js).

Icons: Hand-drawn Inline SVGs to keep the app lightweight and "analog."

Offline-First: A simple Service Worker and Web App Manifest make it fully installable on iOS and Android. It works perfectly at 2 AM in airplane mode.

Feature Highlight: "Then vs. Now" 🕰️
I’m a data person, so I wanted to see my progress. The app automatically resurfaces entries from exactly 1 week, 1 month, or 1 year ago. It’s incredible how much perspective you gain just by reading what "Past You" was worried about seven days ago.

Lessons Learned 🎓
Going "Vanilla" felt like finding a magic wand. Without the abstraction of a framework, I felt closer to the code and finished the MVP in record time.

Check out the live project: https://yaninatrekhleb.com/daily-reflections/

I’d love to hear from other devs—have you experimented with "No-Cloud" or local-first tools lately? How do you handle the 5MB localStorage limit for long-term data?

webdev #javascript #showdev #pwa #claudecode