diff --git a/contenu/frontend.md b/contenu/frontend.md
new file mode 100644
index 0000000..dea4fe4
--- /dev/null
+++ b/contenu/frontend.md
@@ -0,0 +1,24 @@
+## choix des technologies
+- HTML
+- CSS
+- Javascript
+- ChartJS
+- Ajax
+
+## Efforts notables
+Le carousel en trois dimensions avec l'animation du mouvement, et modulable en fonction du nombre de projets requis, accompagné d'une adaptation de la taille en fonction de la taille de la fenêtre (responsive)
+
+La mise en place d'un menu déroulant pour cacher les images quand il y en a trop dans un projet
+
+La problématique d'affichage des images compréssée pour une meilleure génération des images
+
+le style passe partout qui permet à chaque utilisateur de se sentit à l'aise
+
+## Difficulté
+Interfacer de manière optimale chaque partie du front end avec le serveur et l'application pour que l'utilisateur puisse utiliser les deux versions facilement
+
+l'évolution constante des routes et de la logique du serveur + le changement du modèle de donnée
+
+## Apprentissage
+Générer de la 3D en HTML et CSS
+Travailler avec des images et des vidéos.
\ No newline at end of file
diff --git a/diapo_master.pdf b/diapo_master.pdf
index 892e593..e1cee22 100644
Binary files a/diapo_master.pdf and b/diapo_master.pdf differ
diff --git a/diapo_master.tex b/diapo_master.tex
index 767fbba..7ee38b9 100644
--- a/diapo_master.tex
+++ b/diapo_master.tex
@@ -97,6 +97,41 @@
    \end{itemize}
 \end{frame}
 
+% Partie front end
+\subsection{Front end}
+\begin{frame}{Front end}
+   \textbf{Choix des technologies :}
+   \begin{itemize}
+      \item HTML, CSS, Javascript
+      \item ChartJS pour la visualisation de données
+      \item Ajax pour la communication asynchrone
+   \end{itemize}
+   \vspace{0.5em}
+   \textbf{Efforts notables :}
+   \begin{itemize}
+      \item Carousel 3D animé, modulable selon le nombre de projets
+      \item Responsive : adaptation à la taille de la fenêtre
+      \item Menu déroulant pour cacher les images en excès
+      \item Affichage d'images compressées pour optimiser la génération
+      \item Style universel pour le confort utilisateur
+   \end{itemize}
+\end{frame}
+
+\begin{frame}{Front end (suite)}
+   \textbf{Difficultés rencontrées :}
+   \begin{itemize}
+      \item Interface optimale entre le front end, le serveur et l'application mobile
+      \item Évolution constante des routes et de la logique serveur
+      \item Adaptation aux changements du modèle de données
+   \end{itemize}
+   \vspace{0.5em}
+   \textbf{Apprentissages :}
+   \begin{itemize}
+      \item Génération de 3D en HTML et CSS
+      \item Manipulation d'images et de vidéos
+   \end{itemize}
+\end{frame}
+
 % Démonstration
 \section{Démonstration}
 \begin{frame}{Démonstration}