socket connection

Author: apsinghdev

api/index.js

@@ -6,8 +6,10 @@ import cors from 'cors';
 
 const app = express();
 const server = createServer(app);
-const io = new Server(server);
-const PORT = 8080;
+const io = new Server(server, {
+    cors: {origin: '*'}
+});
+const PORT = 8000;
 
 app.use(cors({origin: '*'}))
 
@@ -19,6 +21,6 @@ io.on('connection', (socket)=>{
     console.log('user connected socket')
 })
 
-app.listen(PORT, ()=>{
+server.listen(PORT, ()=>{
     console.log(`server running on ${PORT}`)
 })

client/package-lock.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "socket.io-client": "^4.7.4"
   },
   "devDependencies": {
     "@types/react": "^18.2.56",

client/package.json

@@ -1,6 +1,12 @@
 import { useEffect, useRef } from "react";
 import "./App.css";
+import {io} from 'socket.io-client';
 
+const socket = io('http://localhost:8000');
+
+socket.on('connect', (socket)=>{
+  console.log('socket connected on client side');
+})
 function App() {
   const canvasRef = useRef(null);
   const sidebarRef = useRef(null);