diff --git a/mango-frontend/package-lock.json b/mango-frontend/package-lock.json
index a3f4bab..a63928a 100644
--- a/mango-frontend/package-lock.json
+++ b/mango-frontend/package-lock.json
@@ -19,6 +19,7 @@
         "lucide-react": "^0.402.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
+        "react-router-dom": "^6.24.1",
         "tailwind-merge": "^2.4.0",
         "tailwindcss-animate": "^1.0.7",
         "usehooks-ts": "^3.1.0",
@@ -1585,6 +1586,14 @@
       "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
       "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.17.1.tgz",
+      "integrity": "sha512-mCOMec4BKd6BRGBZeSnGiIgwsbLGp3yhVqAD8H+PxiRNEHgDpZb8J1TnrSDlg97t0ySKMQJTHCWBCmBpSmkF6Q==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.18.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
@@ -4027,6 +4036,36 @@
         }
       }
     },
+    "node_modules/react-router": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.24.1.tgz",
+      "integrity": "sha512-PTXFXGK2pyXpHzVo3rR9H7ip4lSPZZc0bHG5CARmj65fTT6qG7sTngmb6lcYu1gf3y/8KxORoy9yn59pGpCnpg==",
+      "dependencies": {
+        "@remix-run/router": "1.17.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.24.1.tgz",
+      "integrity": "sha512-U19KtXqooqw967Vw0Qcn5cOvrX5Ejo9ORmOtJMzYWtCT4/WOfFLIZGGsVLxcd9UkBO0mSTZtXqhZBsWlHr7+Sg==",
+      "dependencies": {
+        "@remix-run/router": "1.17.1",
+        "react-router": "6.24.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/react-style-singleton": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
diff --git a/mango-frontend/package.json b/mango-frontend/package.json
index 24a5f9c..cd96d15 100644
--- a/mango-frontend/package.json
+++ b/mango-frontend/package.json
@@ -21,6 +21,7 @@
     "lucide-react": "^0.402.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^6.24.1",
     "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "usehooks-ts": "^3.1.0",
diff --git a/mango-frontend/src/App.tsx b/mango-frontend/src/App.tsx
index 2e7e41e..5c92652 100644
--- a/mango-frontend/src/App.tsx
+++ b/mango-frontend/src/App.tsx
@@ -1,4 +1,3 @@
-import { Toaster } from 'react-hot-toast';
 import './App.css'
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 // import Drawer from './components/Drawer';
@@ -20,7 +19,7 @@ function App() {
           {/* <Drawer /> */}
           {/* <Button /> */}
         </Routes>
-        <Toaster />
+
       </Router>
     </>