diff --git a/frontend/src/Apps/Msg.vue b/frontend/src/Apps/Msg.vue
new file mode 100644
index 0000000..feecdbe
--- /dev/null
+++ b/frontend/src/Apps/Msg.vue
@@ -0,0 +1,37 @@
+<script setup>
+	import { ref } from 'vue'
+
+</script>
+
+<template>
+	<div id="msg">
+		<div id="discList"></div>
+		<div id="discussion"></div>
+	</div>
+</template>
+
+<style scoped>
+
+div#msg{
+	position: relative;
+	width: 100%;
+	height: 100%;
+
+	display: grid;
+	grid-template-columns: 20% auto;
+}
+
+div#discList{
+	margin: 30px 0 30px 30px;
+	background-color: rgba(255, 255, 255, 0.05);
+	border-radius: 10px;
+
+}
+
+div#discussion{
+	margin: 30px;
+	background-color: rgba(255, 255, 255, 0.05);
+	border-radius: 10px;
+}
+
+</style>
diff --git a/frontend/src/rest/apps.js b/frontend/src/rest/apps.js
index 99cbc10..b6568e8 100644
--- a/frontend/src/rest/apps.js
+++ b/frontend/src/rest/apps.js
@@ -9,6 +9,7 @@ import Profil from "@/Apps/Profil.vue"
 import Courses from "@/Apps/ManageCourses.vue"
 import Users from "@/Apps/UsersList.vue"
 import Students from "@/Apps/StudentsList.vue"
+import Msg from "@/Apps/Msg.vue"
 
 const apps = {
 		'/login': LoginPage,
@@ -17,6 +18,7 @@ const apps = {
 		'/manage-courses' : Courses,
 		'/users-list' : Users,
 		'/students-list' : Students,
+		'/msg' : Msg,
 }
 
 const appsList = {
diff --git a/frontend/src/rest/msg.js b/frontend/src/rest/msg.js
new file mode 100644
index 0000000..648f231
--- /dev/null
+++ b/frontend/src/rest/msg.js
@@ -0,0 +1,25 @@
+/*******************************************************
+ * File: msg.js
+ * Author: Anthony Debucquoy
+ * Scope: Extension messagerie
+ * Description: Messages frontend api consumer
+ *******************************************************/
+
+import { restGet } from './restConsumer.js'
+
+export async function getDiscussions(){
+	return [
+		{ 
+			id: 1,
+			name: "Discussion#1",
+			members: [1, 2, 3, 4],
+		},
+		{ 
+			id: 2,
+			name: "Discussion#2",
+			members: [1, 4],
+		}
+	]
+	return restGet("/discussions");
+}
+