proof of concept de fake multi-page

GrossesMitaines/grosses-mitaines-ui/package.json

@@ -6,8 +6,12 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "bootstrap": "^5.2.1",
     "react": "^18.2.0",
+    "react-bootstrap": "^2.5.0",
+    "react-devtools": "^4.26.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.1",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

GrossesMitaines/grosses-mitaines-ui/src/components/App.js

@@ -1,9 +1,23 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Layout from "../pages/Layout";
+import Home from "../pages/Home";
+import AboutUs from "../pages/AboutUs";
+import Privacy from "../pages/Privacy";
+import ContactUs from "../pages/ContactUs";
+
 const App = () => {
 
   return (
-    <>
+    <BrowserRouter>
-    Les Grosses Mitaines
+      <Routes>
-    </>
+        <Route path="/" element={<Layout />}>
+          <Route index element={<Home />} />
+          <Route path="aboutUs" element={<AboutUs/>} />
+          <Route path="contactUs" element={<ContactUs/>}/>
+          <Route path="privacy" element={<Privacy/>}/>
+        </Route>
+      </Routes>
+    </BrowserRouter>
   );
 };
 

GrossesMitaines/grosses-mitaines-ui/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import ReactDOM from 'react-dom/client'
 
 import './site.css'
 import App from './components/App'