Main functions

package.json

@@ -6,11 +6,13 @@
   "scripts": {
     "start": "node server.js",
     "demo": "node server-demo.js",
-    "dev": "node scripts/dev.js",
-    "build": "node scripts/build.js",
+    "dev": "npm run css:dev && node scripts/dev.js",
+    "build": "npm run css:prod && node scripts/build.js",
     "init-db": "node scripts/init-db.js",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "sync-locales": "node scripts/sync-locales.js"
+    "sync-locales": "node scripts/sync-locales.js",
+    "css:dev": "tailwindcss -i ./src/tailwind.css -o ./public/css/tailwind.css --watch",
+    "css:prod": "tailwindcss -i ./src/tailwind.css -o ./public/css/tailwind.css --minify"
   },
   "keywords": [
     "pwa",
@@ -50,12 +52,15 @@
     "socket.io": "^4.7.4"
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.21",
     "css-loader": "^6.8.1",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.3",
     "mini-css-extract-plugin": "^2.7.6",
     "nodemon": "^3.0.2",
+    "postcss": "^8.5.6",
     "style-loader": "^3.3.3",
+    "tailwindcss": "^3.4.13",
     "terser-webpack-plugin": "^5.3.9",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",