diff --git a/package.json b/package.json
index b3fc8699..6f8071e9 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
diff --git a/src/App.tsx b/src/App.tsx
index 5998ae30..75f1d70f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,29 @@
+import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom'
+
 function App() {
   return (
-    <div className="">hello sparkeats</div>
+    <Router>
+      <div className="">hello sparkeats</div>
+      <nav>
+        <ul>
+          <li>
+            <Link to='/'>Home</Link>
+          </li>
+          <li>
+            <Link to='/about'>About</Link>
+          </li>
+          <li>
+            <Link to='/contact'>Contact</Link>
+          </li>
+        </ul>
+      </nav>
+      <Routes>
+        <Route path='/' element={<div>Home</div>}/>
+        <Route path='/about' element={<div>About</div>}/>
+        <Route path='/contact' element={<div>Contact page</div>}/>
+      </Routes>
+
+    </Router>
   )
 }