diff --git a/quasar.config.js b/quasar.config.js
index 5806b3f..488e6c0 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -11,6 +11,7 @@
 
 const { configure } = require('quasar/wrappers');
 const path = require('path');
+const frontendPort = 8080;
 
 module.exports = configure(function (/* ctx */) {
   return {
@@ -67,7 +68,7 @@ module.exports = configure(function (/* ctx */) {
 
         //Defined in realm_export.json, initialize_keycloak.sh and quasar.config.js
         PORT_KEYCLOAK:8083,
-        PORT_FRONTEND:8080,
+        PORT_FRONTEND:frontendPort,
         PORT_BACKEND:8081,
       },
       // rawDefine: {}
@@ -106,11 +107,11 @@ module.exports = configure(function (/* ctx */) {
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
     devServer: {
       // https: true
-      port: 8080, // default: 3000; changed to 8080 to match keycloak settings
+      port: frontendPort, // default: 3000; changed to 8080 to match keycloak settings
       open: true, // opens browser window automatically
       proxy: {
         '/api': {
-          target: 'http://localhost:8080',
+          target: 'http://localhost:' + frontendPort,
           changeOrigin: true
         }
       },