Added routes

frontend/package.json

@@ -15,8 +15,10 @@
     "@fontsource/roboto": "^5.0.13",
     "@mui/icons-material": "^5.15.20",
     "@mui/material": "^5.15.20",
+    "axios": "^1.7.2",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.23.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

frontend/src/App.tsx

@@ -1,12 +1,16 @@
 import * as React from "react";
 import CssBaseline from "@mui/material/CssBaseline";
 import LoginPage from "./components/LoginPage.tsx";
+import { Route, Routes } from "react-router-dom";
 
 export default function App() {
   return (
     <React.Fragment>
       <CssBaseline />
-      <LoginPage />
+      <Routes>
+        <Route path="/" element={<div>Main Page</div>} />
+        <Route path="/login" element={<LoginPage />} />
+      </Routes>
     </React.Fragment>
   );
 }

frontend/src/main.tsx

@@ -1,9 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
+import { BrowserRouter } from "react-router-dom";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>,
 );

frontend/vite.config.ts

@@ -1,7 +1,14 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  server: {
+    proxy: {
+      "/api": {
+        target: "http://localhost:8080",
+      },
+    },
+  },
+});