Update

React/test-housing/package.json

@@ -9,6 +9,7 @@
     "firebase": "^10.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.21.3",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

React/test-housing/src/App.js

@@ -1,7 +1,37 @@
 import React from 'react'
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
+import { Explore } from './pages/Explore'
+import { Category } from './pages/Category'
+import { CreateListing } from './pages/CreateListing'
+import { EditListing } from './pages/EditListing'
+import { ForgotPassword } from './pages/ForgotPassword'
+import { Listing } from './pages/Listing'
+import { Offers } from './pages/Offers'
+import { Profile } from './pages/Profile'
+import { SignIn } from './pages/SignIn'
+import { SignUp } from './pages/SignUp'
+import { Contact } from './pages/Contact'
+import { Navbar } from './components/Navbar'
 
 export const App = () => {
   return (
-    <div>App</div>
+    <>
+      <Router>
+        <Routes>
+          <Route exact path='/' element={<Explore />} />
+          <Route exact path='/category' element={<Category />} />
+          <Route exact path='/createListing' element={<CreateListing />} />
+          <Route exact path='/editListing' element={<EditListing />} />
+          <Route exact path='/forgotPassword' element={<ForgotPassword />} />
+          <Route exact path='/listing' element={<Listing />} />
+          <Route exact path='/offers' element={<Offers />} />
+          <Route exact path='/profile' element={<Profile />} />
+          <Route exact path='/signIn' element={<SignIn />} />
+          <Route exact path='/signUp' element={<SignUp />} />
+          <Route exact path='/contact' element={<Contact />} />
+        </Routes>
+        <Navbar />
+      </Router>
+    </>
   )
 }