Zero to App: Live Coding a Cross-Platform App on Firebase
summary
Live-coding builds a cross‑platform expense app that actually works: clients on Android, iOS, and web upload photos to Cloud Storage direct upload; a Cloud Function with an onFinalize trigger calls Cloud Vision OCR to parse totals and writes expense documents to Firestore; another function uses Firestore Admin and fieldValue.increment to maintain per‑user and team aggregates while avoiding infinite loops by comparing before/after values. Demo shows uploads, parsed totals, and live synced aggregates, with historical backfill noted as a future step.
AI-written summary · about
chapters (15)
- 0:00The expense tracking problem
- 2:47Storing receipts in the cloud
- 5:00Setting up the project
- 6:21Uploading files with SDKs
- 9:33Securing with storage rules
- 11:16Implementing authentication
- 13:20User login and testing
- 16:42Cloud vision and functions
- 19:18Saving data to Firestore
- 23:00Structuring database data
- 25:56Displaying data in the app
- 28:48Calculating individual totals
- 32:40Calculating team totals
- 34:42Final app testing
- 37:55Conclusion and resources
related talks
33mRealtime Awesomeness: An Intro to Building Apps With Firebase
40mFirebase and Cloud Firestore: Evolving Platform and Bridge for Mobile and Web Apps
41mReal-Time Applications with Firebase and React
45mFirebase and Android, a real-time match synced in heaven
08h 26mLivestream
27mFirebase: Making Real-time a Reality
25mWhy web developers (should) love Firebase
49mTrusting your clients: live-coding a cross-platform multiplayer bingo app