yusufk
diff --git a/‎index.html‎
Lines changed: 0 additions & 3 deletions b/‎index.html‎
Lines changed: 0 additions & 3 deletions
diff --git a/‎package-lock.json‎
Lines changed: 93 additions & 25 deletions b/‎package-lock.json‎
Lines changed: 93 additions & 25 deletions
diff --git a/‎package.json‎
Lines changed: 1 addition & 0 deletions b/‎package.json‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/App.js‎
Lines changed: 12 additions & 6 deletions b/‎src/App.js‎
Lines changed: 12 additions & 6 deletions
@@ -17,8 +17,5 @@
   </head>
   <body>
     <div id="root"></div>
-    <div class="credits">
-      Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
-    </div>
   </body>
 </html>
@@ -17,6 +17,7 @@
     "react-github-calendar": "^3.2.2",
     "react-lazyload": "^3.2.0",
     "react-markdown": "^8.0.2",
+    "react-router-dom": "^7.1.5",
     "react-scripts": "^5.0.1",
     "react-waypoint": "^10.1.0",
     "rehype-raw": "^7.0.0",
 
@@ -5,17 +5,23 @@ import Resume from './components/resume';
 import Repositories from './components/repos';
 import Articles from './components/articles';
 import Portfolio from './components/portfolio';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 
 function App() {
   return (
+    <Router>
     <div className="App">
-      <Header></Header>
-      <About></About>
-      <Resume></Resume>
-      <Repositories></Repositories>
-      <Articles></Articles>
-      <Portfolio></Portfolio>
+      <Header />
+      <Routes>
+        <Route path="/about" element={<About />} />
+        <Route path="/resume" element={<Resume />} />
+        <Route path="/repos" element={<Repositories />} />
+        <Route path="/portfolio" element={<Portfolio />} />
+        <Route path="/articles" element={<Articles />} />
+        <Route path="/articles/:slug" element={<Articles />} />
+      </Routes>
     </div>
+    </Router>
   );
 }