Currently, we have to live by smart distancing because of SARS-CoV-2 the Corona-Virus. A lot of bureaus for our teams are designed to have less than 1,50 meters distance for a save between our colleagues. We have to close some places.
For sure, since March 2020 most of us work at home, also our trainees, which built this app in a remote hackathon. But sometimes it is required to be together to work on some special things. For this situation, we track in Excel sheets where we plan to work for the next days to solve two problems:
- Reduce the amount of peoples within a room
- Track the contacts
The feature of this app is now to track and log the room occupancy by progressive web app using QR codes:
- Scan QR code next to the door (or select manually) of the bureau to check in (In work)
- Scan QR code to reserve a place for the next day (In work)
- Track the lists for 14 days (Done)
- Add and edit rooms with their capacity (Done)
The app is a Vue.js app. For this hackathon we wanted to try two main technologies:
- Vue.js
- Google Firebase to persist data
npm install
npm run serve
npm run build
npm run lint
You have to add .env file in the root directory having following environment variables:
VUE_APP_FIREBASE_API_KEY="API-Key"
VUE_APP_FIREBASE_AUTH_DOMAIN="xxxx"
VUE_APP_FIREBASE_DATABASE_URL="xxx"
VUE_APP_FIREBASE_PROJECT_ID="xxx"
VUE_APP_FIREBASE_STORAGE_BUCKET="xxxx"
VUE_APP_FIREBASE_MESSAGING_SENDER_ID="xxx"
VUE_APP_FIREBASE_APP_ID="xxxx"
VUE_APP_FIREBASE_MEASUREMENT_ID="xxxx"You will get the values if you create a web application for Google Firestore.
npm install -g firebase-tools
firebase login
https://www.youtube.com/watch?v=a-0W40NM0dI
npm run test-deploynpm run deploy