Frontend added react router

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"

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>,
+		<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>
 )