diff --git a/frontend/src/App.js b/frontend/src/App.js
index 946d60a..3ecc99f 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -9,29 +9,32 @@ import ManagePage from "./pages/ManagePage";
 import ManageStudentsPage from "./pages/ManageStudentsPage";
 import AuthenticatedRoute from "./components/AuthenticatedRoute";
 
+const AuthRoute = ({ isAuthenticated = true, path, children }) => {
+  return (
+    <Route path={path}>
+      <AuthenticatedRoute isAuthenticated={isAuthenticated}>
+        {children}
+      </AuthenticatedRoute>
+    </Route>
+  );
+};
+
 function App() {
   return (
     <div className="App">
-      <Route path="/login">
-        <AuthenticatedRoute isAuthenticated={false}>
+      <AuthRoute path="/login" isAuthenticated={false}>
           <LoginPage />
-        </AuthenticatedRoute>
-      </Route>
-      <Route path="/logout">
-        <AuthenticatedRoute isAuthenticated={false}>
+      </AuthRoute>
+      <AuthRoute path="/logout" isAuthenticated={false}>
           <LogoutPage />
-        </AuthenticatedRoute>
-      </Route>
-      <Route path="/register">
-        <AuthenticatedRoute isAuthenticated={false}>
+      </AuthRoute>
+      <AuthRoute path="/register" isAuthenticated={false}>
           <RegisterPage />
-        </AuthenticatedRoute>
-      </Route>
-      <Route path="/">
-        <AuthenticatedRoute>
+      </AuthRoute>
+
+      <AuthRoute path="/">
           <HomePage />
-        </AuthenticatedRoute>
-      </Route>
+      </AuthRoute>
 
       <Route path="/course/:id">
         {(params) => {
@@ -43,11 +46,9 @@ function App() {
         }}
       </Route>
 
-      <Route path="/manage">
-        <AuthenticatedRoute>
+      <AuthRoute path="/manage">
           <ManagePage />
-        </AuthenticatedRoute>
-      </Route>
+      </AuthRoute>
 
       <Route path="/manage/:cid/students">
         {(params) => {