add README.md

README.md

@@ -0,0 +1,19 @@
+# Informatics Large Practical Coursework 3
+
+## Installation
+
+### Docker Compose
+
+```bash
+docker-compose up -d
+```
+
+Then access the application at `http://localhost:4173`.
+
+If `Network Error` occurs, try
+
+```bash
+chromium --user-data-dir="/tmp/chromium" --disable-web-security
+```
+
+since CORS is not handled in this setup.

drone-frontend/src/components/Sidebar.svelte

@@ -176,7 +176,7 @@
                             id="api"
                             type="text"
                             bind:value={apiBase}
-                            placeholder="http://localhost..."
+                            placeholder="/api"
                             class="w-full bg-white/50 dark:bg-black/30 border border-slate-300 dark:border-slate-700 text-slate-800 dark:text-slate-100 p-2 rounded-lg font-mono text-xs transition-all focus:outline-none focus:border-sky-500 focus:bg-white dark:focus:bg-black/50 focus:ring-2 focus:ring-sky-500/20"
                         />
                     </div>
@@ -191,7 +191,7 @@
                             id="bb"
                             type="text"
                             bind:value={blackBoxBase}
-                            placeholder="http://localhost..."
+                            placeholder="/snapshot"
                             class="w-full bg-white/50 dark:bg-black/30 border border-slate-300 dark:border-slate-700 text-slate-800 dark:text-slate-100 p-2 rounded-lg font-mono text-xs transition-all focus:outline-none focus:border-sky-500 focus:bg-white dark:focus:bg-black/50 focus:ring-2 focus:ring-sky-500/20"
                         />
                     </div>

drone-frontend/vite.config.js

@@ -1,9 +1,18 @@
+import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 
-export default {
+export default defineConfig({
   plugins: [svelte()],
   server: {
-    port: 4173,
+    proxy: {
-    strictPort: true
+      '/api': {
-  }
+        target: 'http://localhost:8080',
-};
+        changeOrigin: true,
+      },
+      '/snapshot': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+    },
+  },
+});