Building BudgetClick-2026 #1 - High-Level System Design (Offline-First + S3)
Welcome to the first episode of --Building BudgetClick-2026--, a series documenting the complete journey of building an offline-first personal finance application from idea to production.
In this episode, we discuss the high-level architecture and explore an unconventional approach:
No backend
No traditional database
Local-first design
Amazon S3 as the synchronization source between devices
Near-zero infrastructure costs
We'll cover:
Why BudgetClick is offline-first
Using S3 as the source of truth
Data partitioning and versioning
Partial synchronization and caching
Multi-device support
Scalability considerations
Security and privacy implications
Cost estimates at scale
BudgetClick-2026 is an experiment in simplifying software architecture while keeping the application fast, reliable, and inexpensive to operate.
Future episodes will cover:
Data model design
IndexedDB implementation
Synchronization engine
Conflict resolution
Vue 3 project setup
Transaction grid and UX
Performance optimizations
Authentication
Testing
Deployment to production
Tech stack:
TypeScript
Vue 3
IndexedDB
Amazon S3
Building in public. One episode at a time.
Project repository: https://github.com/MichaelZelensky/bu...
#BudgetClick #SystemDesign #SoftwareArchitecture #OfflineFirst #LocalFirst #AmazonS3 #AWS #VueJS #TypeScript #PersonalFinance