QR Card
07 Jun 2024I made a thing!
Okay, it’s nothing big, but it was a nice, quick turnaround, one feature product.
I have a friend who sells a few of his own products in local markets, and he had a bit of a problem. He wants to accept cashless payments, but he has a revenue of a kid’s lemonade stand, and he does it more as a hobby, so he doesn’t want to pay any 3rd party fees.
Since almost everyone around has a mobile banking app with QR code instant payment, I of course immediately suggested “hey just generate QR code in your banking mobile app?” you will immediately see if you received the payment. But this has a few problems:
- his mobile banking app is clunky, the QR creation dialog is hidden behind 4 clicks
- you need to do a FaceID check every time
- you can’t let 3rd party, like a family member, handle it, since you automatically grant them complete access to your bank account
MVP idea
What if we extracted the QR code generation to a standalone app, that would not have access to your bank account? You could have it open in a tablet, with your mobile banking installed there, so you could see the instant payment notification, so even 3rd party users could confirm the payment was made.
Few moments later:
mobile first, extremely simple UI, saving state to query param, works offline.
Implementation
- qr format spec: https://qr-platba.cz/pro-vyvojare/specifikace-formatu/
- qr generating library https://www.npmjs.com/package/qrcode-generator
- single html file
Notes
There are already some existing web apps for qr generation, but they are not very mobile friendly, and also usually make some api calls.
I don’t think this should be used for anything serious.
Only for CZK to keep the UI simple.
Open source https://github.com/cvakiitho/qr-card
No Analytics, actually no external http calls.