diff --git a/Source/Controller/ControllerAdmin.php b/Source/Controller/ControllerAdmin.php
index 7836d09..e3e17ec 100644
--- a/Source/Controller/ControllerAdmin.php
+++ b/Source/Controller/ControllerAdmin.php
@@ -19,6 +19,10 @@ class ControllerAdmin
     public function goToAdminPage(): void
     {
         global $rep, $views;
+
+        $categories = (new ModelAdmin())->getCategories();
+        $questions = (new ModelAdmin())->getQuestions();
+
         require_once($rep.$views['admin']);
     }
 
diff --git a/Source/Model/ModelAdmin.php b/Source/Model/ModelAdmin.php
index aa0921b..e03db40 100644
--- a/Source/Model/ModelAdmin.php
+++ b/Source/Model/ModelAdmin.php
@@ -53,4 +53,20 @@ class ModelAdmin
         $keyword = $_POST['keyword'];
         (new GatewayKeyword())->insertKeyword($keyword);
     }
+
+    public function getCategories(): array
+    {
+        $categories = [];
+        foreach ((new GatewayKeyword())->getAllKeyword() as $category)
+            $categories[] = $category["word"];
+
+        return $categories;
+    }
+
+    public function getQuestions(): array
+    {
+        $idForm = (new GatewayForm())->getForm()[0]["id"];
+        $questionsArray = (new GatewayQuestion())->getAllQuestions($idForm);
+        return Factory::getBuiltObjects($questionsArray, "Question");
+    }
 }
diff --git a/Source/Views/CSS/base.css b/Source/Views/CSS/base.css
index ea82ad1..7172367 100644
--- a/Source/Views/CSS/base.css
+++ b/Source/Views/CSS/base.css
@@ -29,3 +29,9 @@ h1 {
     padding-left: 3%;
     padding-top: 2%;
 }
+
+#container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+}
diff --git a/Source/Views/HTML/admin.php b/Source/Views/HTML/admin.php
index ea3aae9..a302d2f 100644
--- a/Source/Views/HTML/admin.php
+++ b/Source/Views/HTML/admin.php
@@ -19,7 +19,7 @@
     <img id="logoUCA" src="<?php echo $logoUCA; ?>" height="35px" width="auto" alt="logo UCA">
     <h1>Administration</h1>
 
-    <h2>Ajouter une catégories :</h2>
+    <!--
     <form method="post">
         <label for="keyword">Écrivez la catégorie : </label>
         <input id="keyword" name="keyword" type="text" size="50">
@@ -27,6 +27,7 @@
         <input type="hidden" name="action" value="addKeyword">
     </form>
 
+
     <h2>Ajouter une question :</h2>
     <form method="post">
 
@@ -66,7 +67,51 @@
         <input type="submit" value="Confirmer">
         <input type="hidden" name="action" value="addQuestion">
     </form>
+    -->
+
+    <div id="container">
+        <div>
+            <form method="post">
+                <label for="keyword"></label><input id="keyword" name="keyword" type="text" size="25" placeholder="...">
+                <input type="submit" value="Ajouter">
+                <input type="hidden" name="action" value="addKeyword">
+            </form>
+            <button id="printCategory">Les catégories ▼</button>
+            <ul id="listCategories" style="visibility: hidden">
+                <?php
+                    foreach ($categories as $category) {
+                        ?> <li><?php echo $category; ?></li> <?php
+                    }
+                ?>
+            </ul>
+        </div>
+
+        <div>
+            <button id="printQuestion">Les questions ▼</button>
+            <ul id="listQuestions" style="visibility: hidden">
+                <?php
+                foreach ($questions as $question) {
+                    ?>
+                    <hr>
+                    <li><?php echo $question->printStrategy(); ?></li>
+                    <?php
+                }
+                ?>
+            </ul>
+        </div>
+    </div>
 
 </body>
 
+<script src="Views/JS/form_category.js"></script>
+<script src="Views/JS/form_question.js"></script>
+
+<script>
+    const printCategoryButton = document.querySelector('#printCategory');
+    printCategoryButton.addEventListener('click', printCategories);
+
+    const printQuestionButton = document.querySelector('#printQuestion');
+    printQuestionButton.addEventListener('click', printQuestion);
+</script>
+
 </html>
diff --git a/Source/Views/JS/constant.js b/Source/Views/JS/constant.js
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/Source/Views/JS/constant.js
@@ -0,0 +1 @@
+
diff --git a/Source/Views/JS/form_category.js b/Source/Views/JS/form_category.js
new file mode 100644
index 0000000..c39a6da
--- /dev/null
+++ b/Source/Views/JS/form_category.js
@@ -0,0 +1,12 @@
+function printCategories() {
+    const printCategoryButton = document.querySelector('#printCategory');
+    const ul = document.querySelector("#listCategories");
+
+    if(printCategoryButton.innerText === "Les catégories ▲") {
+        printCategoryButton.innerText = "Les catégories ▼";
+        ul.style.visibility = "hidden";
+    } else {
+        printCategoryButton.innerText = "Les catégories ▲";
+        ul.style.visibility = "visible";
+    }
+}
diff --git a/Source/Views/JS/form_question.js b/Source/Views/JS/form_question.js
new file mode 100644
index 0000000..d06f1c4
--- /dev/null
+++ b/Source/Views/JS/form_question.js
@@ -0,0 +1,12 @@
+function printQuestion() {
+    const printQuestionButton = document.querySelector('#printQuestion');
+    const ul = document.querySelector("#listQuestions");
+
+    if(printQuestionButton.innerText === "Les questions ▲") {
+        printQuestionButton.innerText = "Les questions ▼";
+        ul.style.visibility = "hidden";
+    } else {
+        printQuestionButton.innerText = "Les questions ▲";
+        ul.style.visibility = "visible";
+    }
+}
\ No newline at end of file