diff --git a/doc/frontend/frontend.md b/doc/frontend/frontend.md
index 5839580..e30691e 100644
--- a/doc/frontend/frontend.md
+++ b/doc/frontend/frontend.md
@@ -1,6 +1,6 @@
# Frontend documentation
- - [📂 **front directory**](front)
+ - [📂 **front directory**](../../front/)
**How to start it :**
@@ -10,26 +10,46 @@
python3 -m http.server
```
> Open webbrowser at http://localhost:5000
+
+
+
+## Frontend sketch :
+
+
+
## vuejs components :
- activity-navbar :
> display description room and if a user wrinting in the input
+  [html file](../../front/activity_bar.html)
+
- messages :
> Display a list of messages
+  [html file](../../front/messages-list.html)
+
- room-list :
> display all joined room
+  [html file](../../front/room_list.html)
+
+
--> room-entry :
> when the user click on the room, he can change it name and description
- room-editor :
> when the user click on it, he can create a room
+
+  [html file](../../front/room_editor.html)
- message-editor :
> user can type the message in this input and send when he click on sending button
+  [html file](../../front/message_editor.html)
+
- user-list :
- > display users who wrote in the current room
\ No newline at end of file
+ > display users who wrote in the current room
+
+  [html file](../../front/user-list.html)
\ No newline at end of file
diff --git a/front/css/room.css b/front/css/messages-list.css
similarity index 100%
rename from front/css/room.css
rename to front/css/messages-list.css
diff --git a/front/room.html b/front/messages-list.html
similarity index 96%
rename from front/room.html
rename to front/messages-list.html
index f83edd4..09beb71 100644
--- a/front/room.html
+++ b/front/messages-list.html
@@ -6,7 +6,7 @@
-
+
diff --git a/logos/html.png b/logos/html.png
new file mode 100644
index 0000000..73de562
Binary files /dev/null and b/logos/html.png differ