diff --git a/react-frontend/bun.lockb b/react-frontend/bun.lockb
index 8bc16a5..8fac02e 100755
Binary files a/react-frontend/bun.lockb and b/react-frontend/bun.lockb differ
diff --git a/react-frontend/package.json b/react-frontend/package.json
index 46b0575..ca4fe96 100644
--- a/react-frontend/package.json
+++ b/react-frontend/package.json
@@ -38,6 +38,7 @@
     "postcss": "^8.4.29",
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.4",
+    "react-router-dom": "^6.16.0",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.0.2",
     "vite": "^4.4.5"
diff --git a/react-frontend/src/main.tsx b/react-frontend/src/main.tsx
index 3d7150d..4279aac 100644
--- a/react-frontend/src/main.tsx
+++ b/react-frontend/src/main.tsx
@@ -2,9 +2,28 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
+	<React.StrictMode>
+		<BrowserRouter>
+			<Routes>
+				<Route path='/'>
+					<Route
+						index
+						element={<App />}></Route>
+					<Route path='dashboard'>
+						<Route
+							index
+							element={<Navigate to='/' />}
+						/>
+					</Route>
+					<Route
+						path='*'
+						element={<Navigate to='/' />}
+					/>
+				</Route>
+			</Routes>
+		</BrowserRouter>
+	</React.StrictMode>
 )