Abdiqadir

package.json

@@ -15,7 +15,7 @@
     "moment": "^2.30.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.5.1"
+    "react-router-dom": "^7.7.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.22.0",

src/App.jsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import Navbar from './components/Navbar';
+import Home from './pages/Home';
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 
 // TODO: Import react router dom here
 
 import Footer from './components/Footer';
 import './styles/App.css';
+import Projects from './pages/Projects';
 
 function App() {
   return (
@@ -13,9 +16,15 @@ function App() {
         <Navbar />
         <main className="main-content">
          {/* TODO: Add react router dom routes here */}
+         <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/Projects" element={<Projects />} />
+
+         </Routes>
 
         </main>
         <Footer />
+        <Navbar />
       </div>
     </Router>
   );