From bb01fce973f95731a4503a4d8879132882a161a7 Mon Sep 17 00:00:00 2001
From: Maaz Hamed <90350901+Maaz4324@users.noreply.github.com>
Date: Sat, 8 Oct 2022 03:24:08 +0530
Subject: [PATCH 1/2] Update App.tsx

---
 src/App.tsx | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

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>
   )
 }
 

From fd07953fc5db2c3d545f8380cb5b4ab86bf263b5 Mon Sep 17 00:00:00 2001
From: Maaz Hamed <90350901+Maaz4324@users.noreply.github.com>
Date: Sat, 8 Oct 2022 03:25:01 +0530
Subject: [PATCH 2/2] Update package.json

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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",