POAP QR Kiosk MVP
Live url (please do not claim the codes in it).
This is an MVP of a kiosk app that displays QR codes based on a list of event codes uploaded by the event manager.
There is a non-trivial chance it will be rewritten if the concept proves viable.
Product owner: @actualymentor
Firebase initial setup
To configure Firebase services:
- Enable firestore, functions, hosting, analytics
- Enable app check (docs)
- Fill out all variables in
.env
To Configure backend:
- Set keys
auth0.client_id
,auth0.client_secret
,auth0.endpoint
,sendgrid.fromemail
,sendgrid.apikey
andkiosk.publicUrl
withfirebase functions:config:set key=value
firebase functions:config:get > .runtimeconfig.json
Frontend usage
nvm use
npm i
u- Populate
.env
based on.env.example
npm start
Backend usage
cd functions
nvm use
npm i
npm start
Architecture
App code based on create-react-app
, styling based on styled-components
, routing using react-router
.
Backend runs on a Firebase project.