diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index f517381..3ff767e 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,11 +1,13 @@
 import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
+import { AppRoutes } from './routes';
 import './App.css';
 
 function App() {
   return (
     <Router>
       <div className="App">
+        <AppRoutes />
         <header className="App-header">
           <h1>ThonHub</h1>
           <p>Hackathon Platform - Coming Soon!</p>
diff --git a/frontend/src/routes.js b/frontend/src/routes.js
index e69de29..2e2266b 100644
--- a/frontend/src/routes.js
+++ b/frontend/src/routes.js
@@ -0,0 +1,22 @@
+import {Routes, Route} from 'react-router-dom';
+import Home from './pages/Home';
+import Chat from './pages/Chat';
+import Hackathon from './pages/Hackathon';
+import OrgPanel from './pages/OrgPanel';
+import ProjectNotes from './pages/ProjectNotes';
+import Teammates from './pages/Teammates';
+import Profile from './pages/Profile';
+
+export const AppRoutes = () => {
+    return (
+        <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path="/chat" element={<Chat />} />
+            <Route path="/hackathon" element={<Hackathon />} />
+            <Route path="/org-panel" element={<OrgPanel />} />
+            <Route path="/project-notes" element={<ProjectNotes />} />
+            <Route path="/profile" element={<Profile />} />
+            <Route path="/teammates" element={<Teammates />} />
+        </Routes>
+    );
+}
\ No newline at end of file