JavaScript: Off the Grid
summary
Rebuilds an orphanage data app for Kaeme in Ghana to be a real offline-capable PWA: leaves the MySQL schema, swaps PHP/Laravel for React + AWS Lambda to cut costs and avoid DevOps, uses service workers to cache assets and detect online/offline, and chooses localStorage for optimistic updates over PouchDB/CouchDB or IndexedDB. Demo shows per-record download, offline edits flagged for sync, occasional unreproducible bugs with remote users, and a small-team constraint that keeps conflict risk low.
AI-written summary · about
chapters (13)
- 0:00Introduction and background
- 0:53Project context and goals
- 2:22Architecting for performance
- 6:59Lighthouse audit results
- 8:03Implementing service workers
- 8:52Service worker lifecycle
- 10:49Managing online status
- 11:58Offline data storage
- 16:09Optimistic UI updates
- 16:45Application demo
- 19:08Challenges and lessons
- 20:22Future considerations
- 21:25Finding your Ikigai
related talks
17mReact Off the Grid
37mBuilding an offline experience with a Rails-powered PWA
59mProgressive React Apps
30mOffline First: Making Your App Awesome When the Network Isn't
29mGive Apps Online Superpowers by Optimizing them for Offline
22mSurviving the Offline Apocalypse
45mOffline First (Web) Apps
38mMoving seamlessly through offline and online