diff --git a/package-lock.json b/package-lock.json
index 2b6cd84..1708590 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "@types/react": "^18.2.66",
         "@types/react-dom": "^18.2.22",
         "@vitejs/plugin-react": "^4.2.1",
+        "@vitejs/plugin-react-refresh": "^1.3.6",
         "eslint": "^8.57.0",
         "eslint-plugin-react": "^7.34.1",
         "eslint-plugin-react-hooks": "^4.6.0",
@@ -1046,6 +1047,20 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@rollup/pluginutils": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "estree-walker": "^2.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.17.2",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
@@ -1636,6 +1651,34 @@
         "vite": "^4.2.0 || ^5.0.0"
       }
     },
+    "node_modules/@vitejs/plugin-react-refresh": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-refresh/-/plugin-react-refresh-1.3.6.tgz",
+      "integrity": "sha512-iNR/UqhUOmFFxiezt0em9CgmiJBdWR+5jGxB2FihaoJfqGt76kiwaKoVOJVU5NYcDWMdN06LbyN2VIGIoYdsEA==",
+      "deprecated": "This package has been deprecated in favor of @vitejs/plugin-react",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.14.8",
+        "@babel/plugin-transform-react-jsx-self": "^7.14.5",
+        "@babel/plugin-transform-react-jsx-source": "^7.14.5",
+        "@rollup/pluginutils": "^4.1.1",
+        "react-refresh": "^0.10.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react-refresh/node_modules/react-refresh": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.10.0.tgz",
+      "integrity": "sha512-PgidR3wST3dDYKr6b4pJoqQFpPGNKDSCDx4cZoshjXipw3LzO7mG1My2pwEzz2JVkF+inx3xRpDeQLFQGH/hsQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -2719,6 +2762,13 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -4265,6 +4315,19 @@
       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
       "dev": true
     },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/possible-typed-array-names": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
diff --git a/package.json b/package.json
index 72f4c0d..87f3427 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/Authentication/forgot password/allfpass/forpass.jsx b/src/Front_end/Authentication/forgot password/allfpass/forpass.jsx
similarity index 100%
rename from src/Authentication/forgot password/allfpass/forpass.jsx
rename to src/Front_end/Authentication/forgot password/allfpass/forpass.jsx
diff --git a/src/Authentication/forgot password/allfpass/fpass.module.css b/src/Front_end/Authentication/forgot password/allfpass/fpass.module.css
similarity index 100%
rename from src/Authentication/forgot password/allfpass/fpass.module.css
rename to src/Front_end/Authentication/forgot password/allfpass/fpass.module.css
diff --git a/src/Authentication/forgot password/allfpass/newpass.jsx b/src/Front_end/Authentication/forgot password/allfpass/newpass.jsx
similarity index 100%
rename from src/Authentication/forgot password/allfpass/newpass.jsx
rename to src/Front_end/Authentication/forgot password/allfpass/newpass.jsx
diff --git a/src/Authentication/forgot password/allfpass/newpass.module.css b/src/Front_end/Authentication/forgot password/allfpass/newpass.module.css
similarity index 96%
rename from src/Authentication/forgot password/allfpass/newpass.module.css
rename to src/Front_end/Authentication/forgot password/allfpass/newpass.module.css
index 283349a..266b0bf 100644
--- a/src/Authentication/forgot password/allfpass/newpass.module.css	
+++ b/src/Front_end/Authentication/forgot password/allfpass/newpass.module.css	
@@ -5,7 +5,7 @@
 .body {
   height: 100vh;
   width: 100vw;
-  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/images/pexels-photonova-2872856.jpg");
+  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/Front_end/images/pexels-photonova-2872856.jpg");
   display: flex;
   justify-content: center;
   background-size: cover;
diff --git a/src/Authentication/forgot password/uifpasscon/passresetconfirm.jsx b/src/Front_end/Authentication/forgot password/uifpasscon/passresetconfirm.jsx
similarity index 100%
rename from src/Authentication/forgot password/uifpasscon/passresetconfirm.jsx
rename to src/Front_end/Authentication/forgot password/uifpasscon/passresetconfirm.jsx
diff --git a/src/Authentication/forgot password/uifpasscon/uconfpass.module.css b/src/Front_end/Authentication/forgot password/uifpasscon/uconfpass.module.css
similarity index 97%
rename from src/Authentication/forgot password/uifpasscon/uconfpass.module.css
rename to src/Front_end/Authentication/forgot password/uifpasscon/uconfpass.module.css
index 0f09223..37eee56 100644
--- a/src/Authentication/forgot password/uifpasscon/uconfpass.module.css	
+++ b/src/Front_end/Authentication/forgot password/uifpasscon/uconfpass.module.css	
@@ -8,7 +8,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/images/pexels-photonova-2872856.jpg");
+  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/Front_end/images/pexels-photonova-2872856.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   font-family: "montserrat", sans-serif;
diff --git a/src/Authentication/loginpage/loginbox.jsx b/src/Front_end/Authentication/loginpage/loginbox.jsx
similarity index 100%
rename from src/Authentication/loginpage/loginbox.jsx
rename to src/Front_end/Authentication/loginpage/loginbox.jsx
diff --git a/src/Authentication/loginpage/loginbox.module.css b/src/Front_end/Authentication/loginpage/loginbox.module.css
similarity index 100%
rename from src/Authentication/loginpage/loginbox.module.css
rename to src/Front_end/Authentication/loginpage/loginbox.module.css
diff --git a/src/Authentication/register/register.jsx b/src/Front_end/Authentication/register/register.jsx
similarity index 100%
rename from src/Authentication/register/register.jsx
rename to src/Front_end/Authentication/register/register.jsx
diff --git a/src/Authentication/register/register.module.css b/src/Front_end/Authentication/register/register.module.css
similarity index 100%
rename from src/Authentication/register/register.module.css
rename to src/Front_end/Authentication/register/register.module.css
diff --git a/src/Authentication/signingpages/signingpages.module.css b/src/Front_end/Authentication/signingpages/signingpages.module.css
similarity index 97%
rename from src/Authentication/signingpages/signingpages.module.css
rename to src/Front_end/Authentication/signingpages/signingpages.module.css
index 3125a6b..afa219f 100644
--- a/src/Authentication/signingpages/signingpages.module.css
+++ b/src/Front_end/Authentication/signingpages/signingpages.module.css
@@ -8,7 +8,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/images/pexels-photonova-2872856.jpg");
+  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/Front_end/images/pexels-photonova-2872856.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   font-family: "montserrat", sans-serif;
diff --git a/src/Authentication/signingpages/signningpages.jsx b/src/Front_end/Authentication/signingpages/signningpages.jsx
similarity index 100%
rename from src/Authentication/signingpages/signningpages.jsx
rename to src/Front_end/Authentication/signingpages/signningpages.jsx
diff --git a/src/Authentication/update details/updatedetails.jsx b/src/Front_end/Authentication/update details/updatedetails.jsx
similarity index 100%
rename from src/Authentication/update details/updatedetails.jsx
rename to src/Front_end/Authentication/update details/updatedetails.jsx
diff --git a/src/Authentication/update details/updateuser.module.css b/src/Front_end/Authentication/update details/updateuser.module.css
similarity index 96%
rename from src/Authentication/update details/updateuser.module.css
rename to src/Front_end/Authentication/update details/updateuser.module.css
index 840d96f..7b0f30d 100644
--- a/src/Authentication/update details/updateuser.module.css	
+++ b/src/Front_end/Authentication/update details/updateuser.module.css	
@@ -5,7 +5,7 @@
 .body {
   height: 100vh;
   width: 100vw;
-  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/images/pexels-photonova-2872856.jpg");
+  background: url("/home/sravan/Desktop/web/slack clone/slack-clone/src/Front_end/images/pexels-photonova-2872856.jpg");
   display: flex;
   background-repeat: no-repeat;
   background-size: cover;
diff --git a/src/context api/channelcontext.jsx b/src/Front_end/context api/channelcontext.jsx
similarity index 100%
rename from src/context api/channelcontext.jsx
rename to src/Front_end/context api/channelcontext.jsx
diff --git a/src/context api/chatcontext.jsx b/src/Front_end/context api/chatcontext.jsx
similarity index 100%
rename from src/context api/chatcontext.jsx
rename to src/Front_end/context api/chatcontext.jsx
diff --git a/src/context api/context.jsx b/src/Front_end/context api/context.jsx
similarity index 100%
rename from src/context api/context.jsx
rename to src/Front_end/context api/context.jsx
diff --git a/src/database.jsx b/src/Front_end/database.jsx
similarity index 100%
rename from src/database.jsx
rename to src/Front_end/database.jsx
diff --git a/src/homepage/ToDo_list/assigntask.jsx b/src/Front_end/homepage/ToDo_list/assigntask.jsx
similarity index 100%
rename from src/homepage/ToDo_list/assigntask.jsx
rename to src/Front_end/homepage/ToDo_list/assigntask.jsx
diff --git a/src/homepage/ToDo_list/assigntask.module.css b/src/Front_end/homepage/ToDo_list/assigntask.module.css
similarity index 100%
rename from src/homepage/ToDo_list/assigntask.module.css
rename to src/Front_end/homepage/ToDo_list/assigntask.module.css
diff --git a/src/homepage/ToDo_list/mytododlist.jsx b/src/Front_end/homepage/ToDo_list/mytododlist.jsx
similarity index 100%
rename from src/homepage/ToDo_list/mytododlist.jsx
rename to src/Front_end/homepage/ToDo_list/mytododlist.jsx
diff --git a/src/homepage/ToDo_list/mytodolist.module.css b/src/Front_end/homepage/ToDo_list/mytodolist.module.css
similarity index 100%
rename from src/homepage/ToDo_list/mytodolist.module.css
rename to src/Front_end/homepage/ToDo_list/mytodolist.module.css
diff --git a/src/homepage/ToDo_list/viewchanneltask.jsx b/src/Front_end/homepage/ToDo_list/viewchanneltask.jsx
similarity index 100%
rename from src/homepage/ToDo_list/viewchanneltask.jsx
rename to src/Front_end/homepage/ToDo_list/viewchanneltask.jsx
diff --git a/src/homepage/ToDo_list/viewchanneltask.module.css b/src/Front_end/homepage/ToDo_list/viewchanneltask.module.css
similarity index 100%
rename from src/homepage/ToDo_list/viewchanneltask.module.css
rename to src/Front_end/homepage/ToDo_list/viewchanneltask.module.css
diff --git a/src/homepage/ToDo_list/viewusertask.jsx b/src/Front_end/homepage/ToDo_list/viewusertask.jsx
similarity index 100%
rename from src/homepage/ToDo_list/viewusertask.jsx
rename to src/Front_end/homepage/ToDo_list/viewusertask.jsx
diff --git a/src/homepage/ToDo_list/viewusertask.module.css b/src/Front_end/homepage/ToDo_list/viewusertask.module.css
similarity index 100%
rename from src/homepage/ToDo_list/viewusertask.module.css
rename to src/Front_end/homepage/ToDo_list/viewusertask.module.css
diff --git a/src/homepage/channels/addchannel.jsx b/src/Front_end/homepage/channels/addchannel.jsx
similarity index 100%
rename from src/homepage/channels/addchannel.jsx
rename to src/Front_end/homepage/channels/addchannel.jsx
diff --git a/src/homepage/channels/addchannel.module.css b/src/Front_end/homepage/channels/addchannel.module.css
similarity index 100%
rename from src/homepage/channels/addchannel.module.css
rename to src/Front_end/homepage/channels/addchannel.module.css
diff --git a/src/homepage/channels/addchannelmember.jsx b/src/Front_end/homepage/channels/addchannelmember.jsx
similarity index 100%
rename from src/homepage/channels/addchannelmember.jsx
rename to src/Front_end/homepage/channels/addchannelmember.jsx
diff --git a/src/homepage/channels/addchannelmember.module.css b/src/Front_end/homepage/channels/addchannelmember.module.css
similarity index 100%
rename from src/homepage/channels/addchannelmember.module.css
rename to src/Front_end/homepage/channels/addchannelmember.module.css
diff --git a/src/homepage/channels/channelchat.jsx b/src/Front_end/homepage/channels/channelchat.jsx
similarity index 100%
rename from src/homepage/channels/channelchat.jsx
rename to src/Front_end/homepage/channels/channelchat.jsx
diff --git a/src/homepage/channels/channelchat.module.css b/src/Front_end/homepage/channels/channelchat.module.css
similarity index 100%
rename from src/homepage/channels/channelchat.module.css
rename to src/Front_end/homepage/channels/channelchat.module.css
diff --git a/src/homepage/channels/channelmessage.jsx b/src/Front_end/homepage/channels/channelmessage.jsx
similarity index 100%
rename from src/homepage/channels/channelmessage.jsx
rename to src/Front_end/homepage/channels/channelmessage.jsx
diff --git a/src/homepage/channels/channelmessage.module.css b/src/Front_end/homepage/channels/channelmessage.module.css
similarity index 100%
rename from src/homepage/channels/channelmessage.module.css
rename to src/Front_end/homepage/channels/channelmessage.module.css
diff --git a/src/homepage/channels/membersofchannel.jsx b/src/Front_end/homepage/channels/membersofchannel.jsx
similarity index 100%
rename from src/homepage/channels/membersofchannel.jsx
rename to src/Front_end/homepage/channels/membersofchannel.jsx
diff --git a/src/homepage/channels/membersofchannel.module.css b/src/Front_end/homepage/channels/membersofchannel.module.css
similarity index 100%
rename from src/homepage/channels/membersofchannel.module.css
rename to src/Front_end/homepage/channels/membersofchannel.module.css
diff --git a/src/homepage/dm chats/chatboxnav.jsx b/src/Front_end/homepage/dm chats/chatboxnav.jsx
similarity index 100%
rename from src/homepage/dm chats/chatboxnav.jsx
rename to src/Front_end/homepage/dm chats/chatboxnav.jsx
diff --git a/src/homepage/dm chats/chatboxnav.module.css b/src/Front_end/homepage/dm chats/chatboxnav.module.css
similarity index 100%
rename from src/homepage/dm chats/chatboxnav.module.css
rename to src/Front_end/homepage/dm chats/chatboxnav.module.css
diff --git a/src/homepage/dm chats/chats.jsx b/src/Front_end/homepage/dm chats/chats.jsx
similarity index 100%
rename from src/homepage/dm chats/chats.jsx
rename to src/Front_end/homepage/dm chats/chats.jsx
diff --git a/src/homepage/dm chats/chats.module.css b/src/Front_end/homepage/dm chats/chats.module.css
similarity index 100%
rename from src/homepage/dm chats/chats.module.css
rename to src/Front_end/homepage/dm chats/chats.module.css
diff --git a/src/homepage/dm chats/message.jsx b/src/Front_end/homepage/dm chats/message.jsx
similarity index 100%
rename from src/homepage/dm chats/message.jsx
rename to src/Front_end/homepage/dm chats/message.jsx
diff --git a/src/homepage/dm chats/message.module.css b/src/Front_end/homepage/dm chats/message.module.css
similarity index 100%
rename from src/homepage/dm chats/message.module.css
rename to src/Front_end/homepage/dm chats/message.module.css
diff --git a/src/homepage/homepage.jsx b/src/Front_end/homepage/homepage.jsx
similarity index 100%
rename from src/homepage/homepage.jsx
rename to src/Front_end/homepage/homepage.jsx
diff --git a/src/homepage/homepage.module.css b/src/Front_end/homepage/homepage.module.css
similarity index 100%
rename from src/homepage/homepage.module.css
rename to src/Front_end/homepage/homepage.module.css
diff --git a/src/images/pexels-padrinan-1111368.jpg b/src/Front_end/images/pexels-padrinan-1111368.jpg
similarity index 100%
rename from src/images/pexels-padrinan-1111368.jpg
rename to src/Front_end/images/pexels-padrinan-1111368.jpg
diff --git a/src/images/pexels-photonova-2872856.jpg b/src/Front_end/images/pexels-photonova-2872856.jpg
similarity index 100%
rename from src/images/pexels-photonova-2872856.jpg
rename to src/Front_end/images/pexels-photonova-2872856.jpg
diff --git a/src/main.jsx b/src/Front_end/main.jsx
similarity index 100%
rename from src/main.jsx
rename to src/Front_end/main.jsx
diff --git a/src/pages.jsx b/src/Front_end/pages.jsx
similarity index 100%
rename from src/pages.jsx
rename to src/Front_end/pages.jsx
diff --git a/src/supabase.jsx b/src/Front_end/supabase.jsx
similarity index 100%
rename from src/supabase.jsx
rename to src/Front_end/supabase.jsx
diff --git a/vite.config.js b/vite.config.js
index 081c8d9..fd414be 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,12 @@
+// vite.config.js
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: {
+      "/src/main.jsx": "/src/Front_end/main.jsx",
+    },
+  },
 });