First version

frontend/src/App.tsx

@@ -0,0 +1,27 @@
+import './App.css'
+import { BrowserRouter, NavLink, Route, Routes } from 'react-router-dom';
+import Homepage from './pages/homepage';
+import Settings from './pages/settings';
+import Food from './pages/food';
+
+function App() {
+  return (
+    <>
+      <BrowserRouter>
+        <nav>
+          <NavLink to="/">Homepage</NavLink>
+          <NavLink to="/food">Food</NavLink>
+          <NavLink to="/settings">Settings</NavLink>
+        </nav>
+
+        <Routes>
+          <Route path="/" element={<Homepage />} />
+          <Route path="/food" element={<Food />} />
+          <Route path="/settings" element={<Settings />} />
+        </Routes>
+      </BrowserRouter>
+    </>
+  )
+}
+
+export default App