diff --git a/.codesandbox/tasks.json b/.codesandbox/tasks.json
new file mode 100644
index 00000000..ea357b2f
--- /dev/null
+++ b/.codesandbox/tasks.json
@@ -0,0 +1,41 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [
+    {
+      "name": "Install Dependencies",
+      "command": "yarn install"
+    }
+  ],
+
+  // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+  "tasks": {
+    "dev": {
+      "name": "dev",
+      "command": "yarn dev",
+      "runAtStart": true,
+      "preview": {
+        "port": 4000
+      }
+    },
+    "build": {
+      "name": "build",
+      "command": "yarn build"
+    },
+    "test:unit": {
+      "name": "test:unit",
+      "command": "yarn test:unit"
+    },
+    "test:e2e": {
+      "name": "test:e2e",
+      "command": "yarn test:e2e"
+    },
+    "lint": {
+      "name": "lint",
+      "command": "yarn lint"
+    },
+    "deploy": {
+      "name": "deploy",
+      "command": "yarn deploy"
+    }
+  }
+}
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 00000000..666be2b0
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,22 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/javascript-node
+{
+	"name": "Node.js",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/javascript-node:1-20-bullseye"
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	// "forwardPorts": [],
+
+	// Use 'postCreateCommand' to run commands after the container is created.
+	// "postCreateCommand": "yarn install",
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}
diff --git a/vue.config.js b/vue.config.js
index d51c8387..6f5c6989 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,8 @@
-const { defineConfig } = require('@vue/cli-service');
+const { defineConfig } = require("@vue/cli-service");
 
 module.exports = defineConfig({
   transpileDependencies: true,
+  devServer: {
+    allowedHosts: "all",
+  },
 });