Add development configuration using bind volumes and nodemon for auto reload upon code change.

docker-compose.dev.yml

+version: '3'
+
+services:
+  backend:
+    container_name: django_group_${GROUPID}
+    build:
+      context: backend/secfit/
+      dockerfile: Dockerfile
+      args:
+        DJANGO_SUPERUSER_USERNAME: "${DJANGO_SUPERUSER_USERNAME}"
+        DJANGO_SUPERUSER_PASSWORD: "${DJANGO_SUPERUSER_PASSWORD}"
+        DJANGO_SUPERUSER_EMAIL: "${DJANGO_SUPERUSER_EMAIL}"
+    environment: 
+      - GROUPID=${GROUPID}
+    networks:
+      backend_bridge:
+        ipv4_address: 10.${GROUPID}.0.4
+
+  application:
+    container_name: node_group_${GROUPID}
+    build:
+      context: frontend/
+      dockerfile: Dockerfile.dev
+      args:
+        GROUPID: ${GROUPID}
+        DOMAIN: ${DOMAIN}
+        URL_PREFIX: ${URL_PREFIX}
+        PORT_PREFIX: ${PORT_PREFIX}
+    networks:
+      backend_bridge:
+        ipv4_address: 10.${GROUPID}.0.5
+    volumes:
+      - ./frontend:/app/
+      - nodemodules:/app/node_modules
+
+  web:
+    container_name: nginx_group_${GROUPID}
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - ${PORT_PREFIX}${GROUPID}:80
+    environment: 
+      - GROUPID=${GROUPID}
+      - PORT_PREFIX=${PORT_PREFIX}
+    networks:
+      backend_bridge:
+        ipv4_address: 10.${GROUPID}.0.6
+
+networks:  
+  backend_bridge:
+    driver: bridge
+    ipam:
+        config:
+          - subnet: 10.${GROUPID}.0.0/18
+
+volumes:
+  nodemodules: {}

frontend/Dockerfile.dev

+# Get docker image
+FROM johanhef/secfit_frontend_base:v2
+# FROM debian:buster-slim
+
+# Import groupid and host environment variable
+ARG GROUPID
+ARG DOMAIN
+ARG URL_PREFIX
+ARG PORT_PREFIX
+
+# Set working dir
+WORKDIR /app
+
+# Transfer all our stuff to the builder
+COPY . /app/
+
+# Set the host variable in default.js (overwrite)
+RUN echo "const HOST = 'http://backend:8000';" > ./www/scripts/defaults.js
+
+# Install cordova
+# Also install shelljs because of windows for some reason
+# RUN apt-get update -y && apt-get install npm -y && npm install -g cordova && npm install shelljs
+# RUN apt-get install -y curl
+
+# RUN curl -fsSL https://deb.nodesource.com/setup_14.x | bash - && apt-get install -y nodejs
+
+RUN npm install express && npm install -g nodemon
+
+RUN npm install -g nodemon
+
+
+# Run cordova app
+CMD [ "nodemon", "devServer.js"]

frontend/devServer.js

+const express = require("express");
+const app = express();
+
+app.use(express.static("www"));
+
+app.listen(3000, () => {
+    console.log("Started development server. At http://backend:3000");
+})
\ No newline at end of file

frontend/nodemon.json

+{
+    "ext": "js,html,json"
+}
\ No newline at end of file

frontend/package.json

 {
   "name": "io.cordova.hellocordova",
-  "displayName": "HelloCordova",
-  "version": "1.0.0",
-  "description": "A sample Apache Cordova application that responds to the deviceready event.",
+  "displayName": "Secfit",
+  "version": "1.0.1",
+  "description": "An app for school purposes",
   "main": "index.js",
   "scripts": {
-    "test": "jest"
+    "test": "jest",
+    "dev": "nodemon devServer.js"
   },
   "keywords": [
     "ecosystem:cordova"
   ],
   "author": "Apache Cordova Team",
   "license": "Apache-2.0",
+  "dependencies": {
+    "express": "^4.17.1"
+  },
   "devDependencies": {
     "cordova-android": "^9.0.0",
     "cordova-browser": "^6.0.0",
@@ -19,6 +23,7 @@
     "cordova-plugin-file": "^6.0.2",
     "cordova-plugin-whitelist": "^1.3.4",
     "jest": "^26.6.3",
+    "nodemon": "^2.0.7",
     "whatwg-fetch": "^3.6.1"
   },
   "cordova": {

run_dev.sh

+docker-compose -f docker-compose.dev.yml -p dev build
+docker-compose -f docker-compose.dev.yml -p dev up