diff --git a/.docker/socketio/server.js b/.docker/socketio/server.js
index fe6bd58..350f4e2 100644
--- a/.docker/socketio/server.js
+++ b/.docker/socketio/server.js
@@ -1,12 +1,12 @@
 const httpServer = require("http").createServer();
 const io = require("socket.io")(httpServer, {
-  // ...
+  cors: {
+    origin: '*',
+  }
+  // config
 });
 
 io.on("connection", (socket) => {
-
-    console.log('Connected');
-
     // Handle data received from the client
     socket.on('data', (data) => {
         console.log('Received:', data.toString());
diff --git a/docker-compose.yml b/docker-compose.yml
index 1cd1ceb..6becf30 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -16,7 +16,7 @@ services:
       - 1000:8000
       - 1001:8001
     networks:
-      laravel:
+      - laravel
     depends_on:
       - redis
 
@@ -24,9 +24,18 @@ services:
     build:
       context: ./.docker/puppeteer
       dockerfile: Dockerfile
+    shm_size: '512M'
+    networks:
+      - laravel
+
+  socketio:
+    build:
+      context: ./.docker/socketio
+      dockerfile: Dockerfile
     ports:
-      - 4000:4000
-    shm_size: '256M'
+      - 3000:3000
+    networks:
+      - laravel
 
   redis:
     image: redis
diff --git a/src/resources/views/queue.blade.php b/src/resources/views/queue.blade.php
new file mode 100644
index 0000000..bb8f865
--- /dev/null
+++ b/src/resources/views/queue.blade.php
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socket.IO Client</title>
+    <!-- Include Socket.IO client library -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.3.1/socket.io.js"></script>
+</head>
+<body>
+    <h1>Socket.IO Client</h1>
+    <div id="messages"></div>
+
+    <script>
+        // Connect to the Socket.IO server
+        const socket = io('http://localhost:3000'); // Replace with your server URL
+
+        // Event handler for successful connection
+        socket.on('connect', () => {
+            console.log('Connected to server');
+        });
+
+        // Event handler for receiving messages from the server
+        socket.on('message', (data) => {
+            const messagesDiv = document.getElementById('messages');
+            messagesDiv.innerHTML += `<p>${data}</p>`;
+        });
+
+        // Function to send a message to the server
+        function sendMessage() {
+            const message = document.getElementById('messageInput').value;
+            socket.emit('message', message);
+        }
+    </script>
+</body>
+</html>
diff --git a/src/resources/views/socket.blade.php b/src/resources/views/socket.blade.php
deleted file mode 100644
index 9ce99a0..0000000
--- a/src/resources/views/socket.blade.php
+++ /dev/null
@@ -1,68 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Socket Client</title>
-</head>
-<body>
-
-    <h1>Socket Client</h1>
-
-    <div id="messages"></div>
-
-    <script>
-        // Create a WebSocket instance
-        const socket = new WebSocket('ws://192.168.56.101:2346');
-
-        socket.onopen = function (event) {
-            console.log("Connected to the server");
-            console.log({socket, event});
-
-            // Send an initial payload upon connection
-            const username = 'kai.1';
-            const payload = {
-                username: username
-            };
-            socket.send(JSON.stringify(payload));
-        };
-
-        socket.onmessage = function (event) {
-            console.log("Received message from the server:", event.data);
-        };
-
-        // Event handler for when the connection is opened
-        socket.addEventListener('open', (event) => {
-            console.log('Connected to the server');
-        });
-
-        // Event handler for when a message is received from the server
-        socket.addEventListener('message', (event) => {
-            // Display the received message on the HTML page
-            const messagesDiv = document.getElementById('messages');
-            messagesDiv.innerHTML += '<p>' + event.data + '</p>';
-        });
-
-        // Event handler for errors
-        socket.addEventListener('error', (event) => {
-            console.error('Error occurred:', event);
-        });
-
-        // Event handler for when the connection is closed
-        socket.addEventListener('close', (event) => {
-            console.log('Connection closed:', event);
-        });
-
-        // Function to send a message to the server
-        function sendMessage() {
-            const message = prompt('Enter a message to send:');
-            if (message) {
-                socket.send(message);
-            }
-        }
-    </script>
-
-    <button onclick="sendMessage()">Send Message</button>
-
-</body>
-</html>
diff --git a/src/routes/web.php b/src/routes/web.php
index 0c59f4e..ea03a1f 100644
--- a/src/routes/web.php
+++ b/src/routes/web.php
@@ -1,6 +1,8 @@
 <?php
 
 use ElephantIO\Client;
+use GuzzleHttp\Client as GuzzleHttpClient;
+use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -18,5 +20,4 @@ Route::get('/', function () {
     return view('welcome');
 });
 
-Route::get('/socket', function () {
-});
+Route::view('/queue', 'queue');
