This is the Vue.js Frontend for the qrbarco.de website. The backend can be found on the qrbarco_de branch of the pozetron-barcode-service
Install Dependencies
npm install
Configure app
cp app.config.example.json app.config.json
nano app.config.json
Then, run development server (on http://localhost:8080)
npm run serve
Or, create production build (into a dist/ directory)
npm run build
Or, run tests
npm run test:unit
| Key | Type | Description |
|---|---|---|
| DEV_QRCODE_SERVICE | Required | Full URL of the backend barcode service for dev environements |
| PROD_QRCODE_SERVICE | Required | Full URL of the backend barcode service for production environements |
| RECAPTCHA_SITE_KEY | Optional | Google reCaptcha v3 site key. If provided, automatically enables recaptcha checks |
| SENTRY_API_URL | Optional | Full URL of Sentry API. If provided, automatically enables error monitoring with sentry |
| GITHUB_LINK | Optional | Github repository link for the "Fork me on Github" ribbon |
The app.sass.config.json file provides styling configs that are available in both js and sass code.
| Key | Type | Description |
|---|---|---|
| COLOR_SCHEMES | Required | Extends Bulma's colors with new ones which can be used anywhere css classes like Bulma's .is-info are useful. Note this should be an object (not a list) |