#21 Using wouter for navigation and links. Register page works by sending request to register endpoint

frontend/src/App.js

@@ -2,17 +2,33 @@ import "./App.css";
 import { Route } from "wouter";
 import HomePage from "./pages/HomePage";
 import LoginPage from "./pages/LoginPage";
-import { UserContextProvider } from "./contexts/UserContext";
 import LogoutPage from "./pages/LogoutPage";
+import RegisterPage from "./pages/RegisterPage";
+import AuthenticatedRoute from "./components/AuthenticatedRoute";
 
 function App() {
   return (
     <div className="App">
-      <UserContextProvider>
-        <Route path="/" component={HomePage} />
-        <Route path="/login" component={LoginPage} />
-        <Route path="/logout" component={LogoutPage} />
-      </UserContextProvider>
+      <Route path="/login">
+        <AuthenticatedRoute isAuthenticated={false}>
+          <LoginPage />
+        </AuthenticatedRoute>
+      </Route>
+      <Route path="/logout">
+        <AuthenticatedRoute isAuthenticated={false}>
+          <LogoutPage />
+        </AuthenticatedRoute>
+      </Route>
+      <Route path="/register">
+        <AuthenticatedRoute isAuthenticated={false}>
+          <RegisterPage />
+        </AuthenticatedRoute>
+      </Route>
+      <Route path="/">
+        <AuthenticatedRoute isAuthenticated={true}>
+          <HomePage />
+        </AuthenticatedRoute>
+      </Route>
     </div>
   );
 }