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

@@ -10,6 +10,7 @@ import Inventaire from "../pages/Inventaire";
 import Login from "../pages/Login";
 import Logout from "../pages/Logout";
 import Register from "../pages/Register";
+import Formulaire from "../pages/Formulaire";
 const App = () => {
   return (
     <BrowserRouter>
@@ -25,6 +26,7 @@ const App = () => {
           <Route path="login" element={<Login/>}/>
           <Route path="logout" element={<Logout/>}/>
           <Route path="register" element={<Register/>}/>
+          <Route path="formulaire" element={<Formulaire/>}/>
         </Route>
       </Routes>
     </BrowserRouter>

GrossesMitaines/grosses-mitaines-ui/src/pages/Formulaire.js

@@ -0,0 +1,41 @@
+import { useState } from "react";
+import { Button } from "react-bootstrap";
+
+const Formulaire = () => {
+
+    return (
+        <div className="inventaire-form-container">
+            <form className="form-horizontal">
+                <h4 className="text-center">Nouvel utilisateur</h4>
+                <div className="form-group">
+                    <label>Prénom: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre prénom..."/>
+                </div>
+                <div className="form-group">
+                    <label>Nom: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre Nom..."/>
+                </div>
+                <div className="form-group">
+                    <label>Numéro de téléphone: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre numéro de téléphone..."/>
+                </div>
+                <div className="form-group">
+                    <label>Adresse civique: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre adresse..."/>
+                </div>
+                <div className="form-group">
+                    <label>Adresse courriel: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre adresse courrirel..."/>
+                </div>
+                <Button className="btn-primary btn-ajouter-morceau" type="submit" >Confirmer</Button>
+            </form>
+        </div>
+    )
+}
+
+export default Formulaire;