Decentralizing with QR Codes
summary
A browser-based loyalty app uses QR codes to exchange data directly between phones and a bar’s tablet without hitting a central API, packaged as a PWA and built with React. It uses react-qr-code to generate error-tolerant QR SVGs, a camera-based react-qr-reader shim until native Web Barcode APIs land, plus service worker caching and web workers for UI threads. Live demo increments a user’s points (59 → 60), proving offline local scans work.
AI-written summary · about
chapters (10)
- 0:00Introduction and setup
- 2:51Bar loyalty program challenge
- 5:38QR codes for decentralization
- 7:23Live demo of QR app
- 10:11Why decentralization matters
- 13:22Web as a decentralized platform
- 17:13Accessibility and React benefits
- 19:18QR libraries and PWA setup
- 20:20Open source value and next steps
- 22:47Q&A and contact info
related talks
23mReduce fraud and improve engagement using Digital Wallets
39mDemocratizing Augmented Reality
32mReverse engineering the QR code generator and URL forwarder... with Mariatta
59mProgressive React Apps
01h 59mQR Codes: follow the dots without getting lost!
47mBeyond mobile, beyond web
18mMaking a (Python) Web App is easy!
32mLook, Mum, No Internet - Creating great experiences with offline-first apps