updated the folder structuer for deployment

Author: sid1651

.env

@@ -1,3 +1,4 @@
 REACT_APP_BACKEND_URL=http://0.0.0.0:5000
 REACT_APP_API_BASE_URL=0.0.0.0
 REACT_APP_API_BASE_PORT=3000
+VITE_BACKEND_URL=http://localhost:4000

server.js backhand1/server.jsserver.js renamed to backhand1/server.js

@@ -6,7 +6,7 @@ const { Server } = require('socket.io');
 const io = new Server(server);
 app.use(express.static('build'));
 const userSocketMap = {};
-const ACTIONS = require('./src/Actions'); // ✅ correct import
+const ACTIONS = require('../src/Actions'); // ✅ correct import
 const roomCodeMap = {}; // { roomId: { javascript, htmlmixed, css } }
 
 

servercss.js backhand2/servercss.jsservercss.js renamed to backhand2/servercss.js

@@ -6,7 +6,7 @@ const { Server } = require('socket.io');
 const io = new Server(server);
 app.use(express.static('build'));
 const userSocketMap = {};
-const ACTIONS = require('./src/Actions'); // ✅ correct import
+const ACTIONS = require('../src/Actions'); // ✅ correct import
 const roomCodeMap = {}; // { roomId: { javascript, htmlmixed, css } }
 
 

serverhtml.js backhand3/serverhtml.jsserverhtml.js renamed to backhand3/serverhtml.js

@@ -6,7 +6,7 @@ const { Server } = require('socket.io');
 const io = new Server(server);
 app.use(express.static('build'));
 const userSocketMap = {};
-const ACTIONS = require('./src/Actions'); // ✅ correct import
+const ACTIONS = require('../src/Actions'); // ✅ correct import
 const roomCodeMap = {}; // { roomId: { javascript, htmlmixed, css } }
 
 

package-lock.json

@@ -7,6 +7,7 @@
     "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.12.1",
     "bcryptjs": "^3.0.2",
     "codemirror": "^5.65.16",
     "cookie-parser": "^1.4.7",
@@ -24,22 +25,22 @@
     "react-rnd": "^10.5.2",
     "react-router-dom": "^7.8.0",
     "react-scripts": "5.0.1",
+    "react-toastify": "^11.0.5",
     "socket.io": "^4.8.1",
     "socket.io-client": "^4.8.1",
     "uuid": "^11.1.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-  "start": "react-scripts start",
-  "build": "react-scripts build",
-  "server:js": "nodemon serverjs.js",
-  "server:html": "nodemon serverhtml.js",
-  "server:css": "nodemon servercss.js",
-  "server:all": "concurrently \"npm run server:js\" \"npm run server:html\" \"npm run server:css\"",
-  "test": "react-scripts test",
-  "eject": "react-scripts eject"
-},
-
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "server:js": "nodemon serverjs.js",
+    "server:html": "nodemon serverhtml.js",
+    "server:css": "nodemon servercss.js",
+    "server:all": "concurrently \"npm run server:js\" \"npm run server:html\" \"npm run server:css\"",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
   "eslintConfig": {
     "extends": [
       "react-app",

package.json

@@ -1,4 +1,3 @@
-
-pm2 start serverhtml.js --watch
-pm2 start servercss.js --watch
-pm2 start server.js --watch
+pm2 start backhand1/server.js --name backend1 --watch
+pm2 start backhand2/servercss.js --name backend2 --watch
+pm2 start backhand3/serverhtml.js --name backend3 --watch

run.bat

@@ -6,6 +6,9 @@ import { Toaster } from 'react-hot-toast';
 import LandingPage from './pages/landingpage';
 import Signlog from './pages/signlog';
 import Signup from './pages/signup';
+import { ToastContainer } from 'react-toastify';
+
+
 
 function App() {
   return (
@@ -24,13 +27,17 @@ function App() {
 
     </div>
     <BrowserRouter>
+    
+    <ToastContainer />
       <Routes>
+         
         <Route path="/signup" element={<Signup/>}></Route>
         <Route path="/sigin" element={<Signlog/>}></Route>
         <Route path="/" element ={<LandingPage/>}></Route>
         <Route path="/home" element={<Home />} ></Route>
         <Route path="/editor/:roomId" element={<EditorPage />} ></Route>
       </Routes>
+      
     </BrowserRouter>
     </>
   );

src/App.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from "react";
+
 import { Navigate, useNavigate } from "react-router";
 
 export default function Signlog() {