Personal Productivity PWA
Reminders, bills, voice input, and real-time sync with Firebase
Overview
We built an installable PWA for reminders and bill tracking with Firebase Auth, Firestore real-time sync, voice input, natural language date parsing, and swipe actions.
Context
Users need a simple mobile app for reminders and bills that works offline-ish, syncs across devices, and supports voice entry — without building native iOS/Android separately.
Real-world scenario
A user speaks 'pay electricity bill next Friday' — chrono-node parses the date, Firestore stores the reminder with uid isolation, and swipe gestures mark complete or delete with optimistic UI.
Constraints
- Firebase security rules enforcing uid == resource.data.uid
- PWA install on iOS and Android
- Voice input via Web Speech API with MediaRecorder fallback
- Cloud Run source deploy (no custom domain — direct run.app URL)
What we built
- Next.js 14 PWA with service worker, manifest, and app icons
- Firebase Auth (email/password behind simple name+password UI)
- Firestore onSnapshot for live sync; Storage for voice memos
- Swipe-to-action cards with accessible button fallbacks
- Setup script for Firebase rules deploy and Cloud Run redeploy
Architecture
- Next.js PWA → Firebase Auth + Firestore + Storage
- Cloud Run source deploy on kaana-prod Firebase-enabled project
Reliability & security
- Firestore security rules enforce per-user data isolation (uid match)
- Optimistic UI with rollback and toast on Firestore write failures
- Firebase rules deployed via scripted setup before Cloud Run redeploy
Outcomes
- Installable cross-platform app from one Next.js codebase
- Real-time multi-device sync with security rules
- Voice and natural language reduce friction for quick capture
Technology stack
Frontend
Backend
Infrastructure
FAQ
Which Firebase products are used?
Firebase Auth, Firestore for real-time sync, and Storage for voice memos.
Is data isolated per user?
Yes. Firestore security rules enforce uid == resource.data.uid on all reads and writes.
Related services
For social · LinkedIn hook
Reminders that sync, parse natural language, and work as a PWA.
- → Built: reminders + bills PWA with voice input and swipe actions
- → Stack: Next.js, Firebase Auth/Firestore, Cloud Run
Need a personal or team productivity app with sync and voice? We build Firebase-backed PWAs.
Discuss a similar project