diff --git a/src/App.tsx b/src/App.tsx
index fa6ee64..42f76ce 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -16,6 +16,8 @@ import Dashboard from './pages/Dashboard'
 import MePage from './pages/MePage'
 import CharacterEditPage from './pages/CharacterEditPage'
 import GuidePage from './pages/Guide'
+import FriendListPage from './pages/FriendListPage'
+import FriendRequestsPage from './pages/FriendRequestsPage'
 
 const darkTheme = createTheme({
   palette: {
@@ -46,6 +48,8 @@ function App() {
               <Route path="/characters/:id/edit" element={<CharacterEditPage />} />
               <Route path="/homeworks/:id/edit" element={<HomeworkEditPage />} />
               <Route path="/guide" element={<GuidePage />} />
+              <Route path="/friends" element={<FriendListPage />} />
+              <Route path="/friends/requests" element={<FriendRequestsPage />} />
             </Routes>
           </Layout>
         </Router>