diff --git a/src/App.js b/src/App.js
new file mode 100644
index 0000000..50fb6da
--- /dev/null
+++ b/src/App.js
@@ -0,0 +1,23 @@
+import Navbar from './components/Navbar'; 
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import AuthPage from './pages/AuthPage';
+import HomePage from './pages/HomePage';
+import ForumPage from './pages/ForumPage';
+import { UserProvider } from './context/UserContext';
+
+function App() {
+  return (
+    <UserProvider>
+      <Router>
+        <Navbar /> 
+        <Routes>
+          <Route path="/" element={<HomePage />} />
+          <Route path="/auth" element={<AuthPage />} />
+          <Route path="/forum" element={<ForumPage />} />
+        </Routes>
+      </Router>
+    </UserProvider>
+  );
+}
+
+export default App;
\ No newline at end of file