From 3cb91f2f58a70838f7b06ae80732584d43011798 Mon Sep 17 00:00:00 2001
From: Florian Sylvain <sylvainflorian@proton.me>
Date: Sat, 23 Aug 2025 18:27:56 +0200
Subject: [PATCH] feat: small favicon & vertical tables for better readability
 on mobile

---
 favicon.webp   | Bin 0 -> 782 bytes
 index-min.html |   2 +-
 index.html     | 102 ++++++++++++++++++++++++++++++++++---------------
 3 files changed, 73 insertions(+), 31 deletions(-)
 create mode 100644 favicon.webp
diff --git a/favicon.webp b/favicon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6b7d8772c31253ce3e3e20de3c21471549730450
GIT binary patch
literal 782
zcmWIYbaP{4W?%?+bqWXzu!!JdU|`??VtEDzSq286hyoWA14989!(2u!1qL|=J6o|1
z$AxUnj0`LXK3Xu9oGwa`PS9bn@=rfl_+mxnM8i}6Ctl3Ey!gwb3&j`h4#Y3}|G|9b
zv~O1r+=-gS|KsQUu+TOk-R0i5trBhcUwjv{yXwI3@Be@O!q}?D%C(j{VLu#ydjGZj
zKdYwwoa2YTAy$94^wrB(NKFiN+2}pV^H0>WUlacQ`+vVS^KXZRl2hmX!aY_C#I2Z1
zzZ&MA{XdKQ<M#Z{-e(Vfg&cB{-Fg0H@Z0~^|IY`8u*IHaT&>f$zJB5VCp+tl_ur{M
zD#Y=mNpPp<(G9h^k1u|=Ydg`F*dX%dz3o*I|2sy`HDXWsr@!cp-T!t?&lRzk(<Uxe
zkDfXC(;VLDU!D;LAJmyPT3zz_TzO|**YlP2|L^|KSzh>3k12Th0$<xd>wm^suL&vD
zmUz0Vd|Q3hcLS!X_@%Y~e>`FMYwuppv5#qHSEbU&RiBfD9at@#G<kZrZvQ>w=H8Q%
z*>_x9vy_Xs%SPpUHPxGaZ)kHoA)#%4`{tzA`kzl7X_VwI4i7pg{6mA0S2}s#xt^@@
zZ?7|+)C<L%3oKg~*IWJb{FP_=8hkNUb2dLayfj1b<?~+N9K%T^p_j`qt;{emJ^Xe_
zkJ{w~pF?Sr%CGD39JwG||K^f$gKcB$wYiJsgf^T!H-UX!+v(4>9d|us-ZP8qX$JnC
z_sMYEF>Xui;}R{cXMZp-xJG!oT?3{MPfsmyI$>iFVq|7u1d4#L6eBB`4g<2Kq3k#y
zTLY>Fn3Na{8JQRafOHxVXSTC|)t3R;AW&h%#P9-`8ew!mVrE{6o}X)of~lUNo+Se-
z1H%M%1{R=710!Pt#svtQnHE4yQUJ;^L)mgbHY=391IPveCZK&xU=xBYEr2YjX@&*{
GAXxzXG9xVj

literal 0
HcmV?d00001

diff --git a/index-min.html b/index-min.html
index c1e06e2..3e41e8b 100644
--- a/index-min.html
+++ b/index-min.html
@@ -1 +1 @@
-<!doctypehtml><html lang=fr><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=/profile.webp rel=icon type=image/x-icon><title>Portfolio Florian Sylvain</title><style>body{background-color:#111;color:#fff;max-width:1000px;margin:auto}#header{display:grid;grid-template-columns:1fr 150px;gap:16px}#header img{max-width:100%;height:auto}table{border:3px outset #aaa;width:100%}table td,table th{border:1px inset #bbb}a{color:#0af}a:visited{color:#598cac}#experiences table{margin-bottom:16px;table-layout:fixed}#experiences col:first-child{width:100px}#experiences col:last-child{width:100%}ul{margin:0}</style><header id=header><article><h1>Portfolio de Florian Sylvain</h1><p>Diplômé d'un Bachelor Développeur Web à l'ESD Paris, autoentrepreneur, je suis passionné par l'informatique. Actuellement en poste à temps plein en CDI chez DOLLEN (Bonnueil-sur-Marne) en tant que développeur web fullstack, je suis à l'écoute pour toute nouvelle opportunité. Disponible sous moins d'un mois, je suis véhiculé, ouvert à une prise de poste dans toute la France et à l'international.</article><aside><img src=profile.webp></aside></header><nav><h2>Navigation</h2><ol><li><a href=#competences>Compétences et qualifications</a><li><a href=#diplomes>Diplômes obtenus</a><li><a href=#experiences>Expériences professionnelles</a><li><a href=#projets>Projets récents</a><li><a href=#contact>Contact et coordonnées</a><li><a href=#autres>Autres informations</a></ol></nav><main><section id=competences><h2>Compétences et qualifications</h2><ul><li>Rédaction de spécifications et cahier de recettes.<li>Maîtrise de PhP, Java, Go, Html5/Css3, Javascript, Typescript, SQL, VueJS, React, Flutter, Docker, Jenkins, Git, GCP, et de Nginx. Apprendre un nouveau language ou framework n'est absolument pas un obstacle pour moi.<li>Maîtrise de l'anglais niveau C1<li>Maîtrise de la méthodologie agile, avec sprints, daily...</ul></section><section id=diplomes><h2>Diplômes obtenus</h2><table><caption>Tableau des diplômes obtenus<thead><tr><th scope=col>Période<th scope=col>Établissement<th scope=col>Niveau<th scope=col>Diplôme<th scope=col>Mention<tbody><tr><td>2022 - 2024<td><a href=https://ecole-du-digital.com/ >ESD Paris</a><td>Bac +3 / RNCP 6<td>Bachelor Développeur Web<td><tr><td>2020 - 2022<td><a href=https://www.univ-gustave-eiffel.fr/ >Université Gustave Eiffel</a><td>Bac +2<td>DUT Informatique<td><tr><td>2017 - 2020<td>Lycée Polyvalent René Cassin<td>Bac<td>Baccalauréat STI2D<td>Bien</table></section><section id=experiences><h2>Expériences professionnelles</h2><table><col><col><thead><tr><th scope=col colspan=2>CDI Développeur Web Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://dollen.fr/ >Dollen</a><tr><th scope=row><strong>Période</strong><td>Nov. 2024 - En cours<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception logiciel (diagramme de classes <strong>UML</strong>)<li>Développement d'un back office<ul><li>PHP 8.4, Symfony 7.3, Doctrine, Twig, Stimulus, PHPUnit, Domain Driven Design</ul><li>Déploiement et intégration continue du back-office en production et pré-production<ul><li>Docker, Debian, Nginx, GitHub Action</ul><li>Migration de base de données<ul><li>SQLite, PostgreSQL, MariaDB</ul><li>Peer reviewing<li>Gestion de projet Agile<ul><li>Trello, GitHub Projects, daily sprints</ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://lecadeaupresent.com/ >Présent</a><tr><th scope=row><strong>Période</strong><td>Avr. 2023 - Sep. 2024 (1 an et 5 mois)<tr><th scope=row><strong>Missions</strong><td><ul><li>Développement d'une<ul><li>application mobile interne<ul><li>Kotlin</ul><li>application mobile B2C<ul><li>Flutter</ul><li>API REST monolithique<ul><li>Typescript ,Fastify ,Prisma, Jest, MySql, Docker, GCP, Domain Driven Design</ul><li>SPA pour Desktop et Mobile<ul><li>React, Typescript, Zustand, Chakra UI</ul></ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur R&D<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://wattearth.com/ >WATT Earth</a><tr><th scope=row><strong>Période</strong><td>Oct. 2021 - Sept. 2022 (1 an)<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception et développement de fonctionnalités innovantes au cœur des produits WATT Earth :<ul><li>VueJS, Typescript, PHP, Python, MySql, Warp10, Grafana</ul><li>Maquettage et conception d'interfaces utilisateurs (<strong>Figma</strong>)<li>Réalisation de spécifications et de cahiers de recettes<li>Intégration de technologies dans la solution de l'entreprise, correspondant aux besoins client :<ul><li>Modbus, LoRaWAN, Zigbee, ...</ul></ul></table></section><section id=projets><h2>Projets récents</h2><table><caption>Tableau des projets récents<thead><tr><th scope=col>Nom<th scope=col>Description<th scope=col>Technologies<tbody><tr><td><a href=https://github.com/Floriansylvain/GoCMS>GoCMS</a><td>GoCMS est un projet de système de gestion de contenu développé en Go. Le but à terme de ce projet en cours de developpement est de me faciliter la création de site web qui nécessitent des fonctionnalités comme celles d'un Wordpress, notamment un système de blog et d'articles, mais sans avoir recours à Wordpress ou équivalent. L'architecture du projet est en DDD, Domain Driven Design, et le front de l'interface d'administration est généré en SSR via le moteur de templating html de Go. J'utilise également Bootstrap pour avoir de belles interface sans devoir fournir trop d'effort de développement front. J'héberge une démo du projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé via Nginx.<td>Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git<tr><td><a href=https://github.com/Floriansylvain/SnippetsManager>SnippetsManager</a><td>Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil open-source massCode dont le principe est de gérer des snippets (bouts de code). Il s'agit d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.<td>Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX<tr><td><a href=https://github.com/Floriansylvain/spotify-playlist-embed>spotify-playlist-embed</a><td>Petit projet réalisé dans le cadre d'un cours de Framework Frontend à l'ESD, il s'agit d'un lecteur de playlist spotify réalisé en NextJS et Typescript, avec la spotify-web-apinode ainsi que Tailwindcss.<td>NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel</table></section><section id=contact><h2>Contact</h2><p>Vous pouvez me contacter via les réseaux sociaux suivants :<ul><li><a href=https://www.linkedin.com/in/florian-sylvain-0651021a9/ >LinkedIn</a></ul><p>Autre moyens de contact indisponible sur ce portfolio pour éviter les crawlers malveillants et autre récolte de données, qui résulteront en spam et démarchage incéssants.</section></main><footer id=autres><h2>Pourquoi un site aussi simple ?</h2><p>Ce site pèse moins de 14ko. <a href=https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/ >Why your website should be under 14kB in size</a></p><a href=#header>Remonter ↑</a><p>Dernière mise à jour : 2025/08/23</footer>
\ No newline at end of file
+<!doctypehtml><html lang=fr><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=/favicon.webp rel=icon type=image/x-icon><title>Portfolio Florian Sylvain</title><style>body{background-color:#111;color:#fff;max-width:1000px;margin:auto}#header{display:grid;grid-template-columns:1fr 150px;gap:16px}#header img{max-width:100%;height:auto}table{border:3px outset #aaa;width:100%}table td,table th{border:1px inset #bbb}a{color:#0af}a:visited{color:#598cac}#experiences table,#projets table{margin-bottom:16px;table-layout:fixed}#experiences col:first-child,#projets col:first-child{width:100px}#experiences col:last-child,#projets col:last-child{width:100%}ul{margin:0}</style><header id=header><article><h1>Portfolio de Florian Sylvain</h1><p>Diplômé d'un Bachelor Développeur Web à l'ESD Paris, autoentrepreneur, je suis passionné par l'informatique. Actuellement en poste à temps plein en CDI chez DOLLEN (Bonnueil-sur-Marne) en tant que développeur web fullstack, je suis à l'écoute pour toute nouvelle opportunité. Disponible sous moins d'un mois, je suis véhiculé, ouvert à une prise de poste dans toute la France et à l'international.</article><aside><img src=profile.webp></aside></header><nav><h2>Navigation</h2><ol><li><a href=#competences>Compétences et qualifications</a><li><a href=#diplomes>Diplômes obtenus</a><li><a href=#experiences>Expériences professionnelles</a><li><a href=#projets>Projets récents</a><li><a href=#contact>Contact et coordonnées</a><li><a href=#autres>Autres informations</a></ol></nav><main><section id=competences><h2>Compétences et qualifications</h2><ul><li>Rédaction de spécifications et cahier de recettes.<li>Maîtrise de PhP, Java, Go, Html5/Css3, Javascript, Typescript, SQL, VueJS, React, Flutter, Docker, Jenkins, Git, GCP, et de Nginx. Apprendre un nouveau language ou framework n'est absolument pas un obstacle pour moi.<li>Maîtrise de l'anglais niveau C1<li>Maîtrise de la méthodologie agile, avec sprints, daily...</ul></section><section id=diplomes><h2>Diplômes obtenus</h2><table><caption>Tableau des diplômes obtenus<thead><tr><th scope=col>Période<th scope=col>Établissement<th scope=col>Niveau<th scope=col>Diplôme<th scope=col>Mention<tbody><tr><td>2022 - 2024<td><a href=https://ecole-du-digital.com/ >ESD Paris</a><td>Bac +3 / RNCP 6<td>Bachelor Développeur Web<td><tr><td>2020 - 2022<td><a href=https://www.univ-gustave-eiffel.fr/ >Université Gustave Eiffel</a><td>Bac +2<td>DUT Informatique<td><tr><td>2017 - 2020<td>Lycée Polyvalent René Cassin<td>Bac<td>Baccalauréat STI2D<td>Bien</table></section><section id=experiences><h2>Expériences professionnelles</h2><table><col><col><thead><tr><th scope=col colspan=2>CDI Développeur Web Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://dollen.fr/ >Dollen</a><tr><th scope=row><strong>Période</strong><td>Nov. 2024 - En cours<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception logiciel (diagramme de classes <strong>UML</strong>)<li>Développement d'un back office<ul><li>PHP 8.4, Symfony 7.3, Doctrine, Twig, Stimulus, PHPUnit, Domain Driven Design</ul><li>Déploiement et intégration continue du back-office en production et pré-production<ul><li>Docker, Debian, Nginx, GitHub Action</ul><li>Migration de base de données<ul><li>SQLite, PostgreSQL, MariaDB</ul><li>Peer reviewing<li>Gestion de projet Agile<ul><li>Trello, GitHub Projects, daily sprints</ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://lecadeaupresent.com/ >Présent</a><tr><th scope=row><strong>Période</strong><td>Avr. 2023 - Sep. 2024 (1 an et 5 mois)<tr><th scope=row><strong>Missions</strong><td><ul><li>Développement d'une<ul><li>application mobile interne<ul><li>Kotlin</ul><li>application mobile B2C<ul><li>Flutter</ul><li>API REST monolithique<ul><li>Typescript ,Fastify ,Prisma, Jest, MySql, Docker, GCP, Domain Driven Design</ul><li>SPA pour Desktop et Mobile<ul><li>React, Typescript, Zustand, Chakra UI</ul></ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur R&D<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://wattearth.com/ >WATT Earth</a><tr><th scope=row><strong>Période</strong><td>Oct. 2021 - Sept. 2022 (1 an)<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception et développement de fonctionnalités innovantes au cœur des produits WATT Earth :<ul><li>VueJS, Typescript, PHP, Python, MySql, Warp10, Grafana</ul><li>Maquettage et conception d'interfaces utilisateurs (<strong>Figma</strong>)<li>Réalisation de spécifications et de cahiers de recettes<li>Intégration de technologies dans la solution de l'entreprise, correspondant aux besoins client :<ul><li>Modbus, LoRaWAN, Zigbee, ...</ul></ul></table></section><section id=projets><h2>Projets récents</h2><table><col><col><thead><tr><th scope=col colspan=2>GoCMS<tbody><tr><th scope=row><strong>Description</strong><td>GoCMS est un projet de système de gestion de contenu développé en Go. Le but à terme de ce projet en cours de developpement est de me faciliter la création de site web qui nécessitent des fonctionnalités comme celles d'un Wordpress, notamment un système de blog et d'articles, mais sans avoir recours à Wordpress ou équivalent. L'architecture du projet est en DDD, Domain Driven Design, et le front de l'interface d'administration est généré en SSR via le moteur de templating html de Go. J'utilise également Bootstrap pour avoir de belles interface sans devoir fournir trop d'effort de développement front. J'héberge une démo du projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé via Nginx.<tr><th scope=row><strong>Technologies</strong><td>Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git<tr><th scope=row><strong>Dépôt</strong><td><a href=https://github.com/Floriansylvain/GoCMS>GoCMS</a></table><table><col><col><thead><tr><th scope=col colspan=2>SnippetsManager<tbody><tr><th scope=row><strong>Description</strong><td>Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil open-source massCode dont le principe est de gérer des snippets (bouts de code). Il s'agit d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.<tr><th scope=row><strong>Technologies</strong><td>Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX<tr><th scope=row><strong>Dépôt</strong><td><a href=https://github.com/Floriansylvain/SnippetsManager>SnippetsManager</a></table><table><col><col><thead><tr><th scope=col colspan=2>spotify-playlist-embed<tbody><tr><th scope=row><strong>Description</strong><td>Petit projet réalisé dans le cadre d'un cours de Framework Frontend à l'ESD, il s'agit d'un lecteur de playlist spotify réalisé en NextJS et Typescript, avec la spotify-web-apinode ainsi que Tailwindcss.<tr><th scope=row><strong>Technologies</strong><td>NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel<tr><th scope=row><strong>Dépôt</strong><td><a href=https://github.com/Floriansylvain/spotify-playlist-embed>spotify-playlist-embed</a></table></section><section id=contact><h2>Contact</h2><p>Vous pouvez me contacter via les réseaux sociaux suivants :<ul><li><a href=https://www.linkedin.com/in/florian-sylvain-0651021a9/ >LinkedIn</a></ul><p>Autre moyens de contact indisponible sur ce portfolio pour éviter les crawlers malveillants et autre récolte de données, qui résulteront en spam et démarchage incéssants.</section></main><footer id=autres><h2>Pourquoi un site aussi simple ?</h2><p>Ce site pèse moins de 14ko. <a href=https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/ >Why your website should be under 14kB in size</a></p><a href=#header>Remonter ↑</a><p>Dernière mise à jour : 2025/08/23</footer>
\ No newline at end of file
diff --git a/index.html b/index.html
index 79dfbcf..4a0f677 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/x-icon" href="/profile.webp">
+    <link rel="icon" type="image/x-icon" href="/favicon.webp">
     <title>Portfolio Florian Sylvain</title>
 
     <style>
@@ -44,16 +44,19 @@
             color: #598cac;
         }
 
-        #experiences table {
+        #experiences table,
+        #projets table {
             margin-bottom: 16px;
             table-layout: fixed;
         }
 
-        #experiences col:first-child {
+        #experiences col:first-child,
+        #projets col:first-child {
             width: 100px;
         }
 
-        #experiences col:last-child {
+        #experiences col:last-child,
+        #projets col:last-child {
             width: 100%;
         }
 
@@ -309,17 +312,18 @@
         <section id="projets">
             <h2>Projets récents</h2>
             <table>
-                <caption>Tableau des projets récents</caption>
+                <colgroup>
+                    <col>
+                    <col>
+                </colgroup>
                 <thead>
                     <tr>
-                        <th scope="col">Nom</th>
-                        <th scope="col">Description</th>
-                        <th scope="col">Technologies</th>
+                        <th scope="col" colspan="2">GoCMS</th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr>
-                        <td><a href="https://github.com/Floriansylvain/GoCMS">GoCMS</a></td>
+                        <th scope="row"><strong>Description</strong></th>
                         <td>GoCMS est un projet de système de gestion de contenu développé en Go. Le but à terme de ce
                             projet en cours de developpement est de me faciliter la création de site web qui nécessitent
                             des fonctionnalités comme celles d'un Wordpress, notamment un système de blog et d'articles,
@@ -328,35 +332,73 @@
                             moteur de templating html de Go. J'utilise également Bootstrap pour avoir de belles
                             interface sans devoir fournir trop d'effort de développement front. J'héberge une démo du
                             projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé
-                            via Nginx.
-                        </td>
-                        <td>
-                            Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git
-                        </td>
+                            via Nginx.</td>
                     </tr>
                     <tr>
-                        <td><a href="https://github.com/Floriansylvain/SnippetsManager">SnippetsManager</a></td>
-                        <td>
-                            Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil
+                        <th scope="row"><strong>Technologies</strong></th>
+                        <td>Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git</td>
+                    </tr>
+                    <tr>
+                        <th scope="row"><strong>Dépôt</strong></th>
+                        <td><a href="https://github.com/Floriansylvain/GoCMS">GoCMS</a></td>
+                    </tr>
+                </tbody>
+            </table>
+
+            <table>
+                <colgroup>
+                    <col>
+                    <col>
+                </colgroup>
+                <thead>
+                    <tr>
+                        <th scope="col" colspan="2">SnippetsManager</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th scope="row"><strong>Description</strong></th>
+                        <td>Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil
                             open-source massCode dont le principe est de gérer des snippets (bouts de code). Il s'agit
-                            d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.
-                        </td>
-                        <td>
-                            Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX
-                        </td>
+                            d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.</td>
                     </tr>
                     <tr>
+                        <th scope="row"><strong>Technologies</strong></th>
+                        <td>Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX</td>
+                    </tr>
+                    <tr>
+                        <th scope="row"><strong>Dépôt</strong></th>
+                        <td><a href="https://github.com/Floriansylvain/SnippetsManager">SnippetsManager</a></td>
+                    </tr>
+                </tbody>
+            </table>
+
+            <table>
+                <colgroup>
+                    <col>
+                    <col>
+                </colgroup>
+                <thead>
+                    <tr>
+                        <th scope="col" colspan="2">spotify-playlist-embed</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th scope="row"><strong>Description</strong></th>
+                        <td>Petit projet réalisé dans le cadre d'un cours de Framework Frontend à l'ESD, il s'agit d'un
+                            lecteur de playlist spotify réalisé en NextJS et Typescript, avec la spotify-web-apinode
+                            ainsi que Tailwindcss.</td>
+                    </tr>
+                    <tr>
+                        <th scope="row"><strong>Technologies</strong></th>
+                        <td>NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel</td>
+                    </tr>
+                    <tr>
+                        <th scope="row"><strong>Dépôt</strong></th>
                         <td><a
                                 href="https://github.com/Floriansylvain/spotify-playlist-embed">spotify-playlist-embed</a>
                         </td>
-                        <td>
-                            Petit projet réalisé dans le cadre d'un cours de Framework
-                            Frontend à l'ESD, il s'agit d'un lecteur de playlist spotify
-                            réalisé en NextJS et Typescript, avec la spotify-web-apinode ainsi que Tailwindcss.
-                        </td>
-                        <td>
-                            NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel
-                        </td>
                     </tr>
                 </tbody>
             </table>

Période	Établissement	Niveau	Diplôme	Mention
2022 - 2024	ESD Paris	Bac +3 / RNCP 6	Bachelor Développeur Web
2020 - 2022	Université Gustave Eiffel	Bac +2	DUT Informatique
2017 - 2020	Lycée Polyvalent René Cassin	Bac	Baccalauréat STI2D	Bien
CDI Développeur Web Fullstack
Entreprise	Dollen
Période	Nov. 2024 - En cours
Missions	Conception logiciel (diagramme de classes UML) Développement d'un back office PHP 8.4, Symfony 7.3, Doctrine, Twig, Stimulus, PHPUnit, Domain Driven Design Déploiement et intégration continue du back-office en production et pré-production Docker, Debian, Nginx, GitHub Action Migration de base de données SQLite, PostgreSQL, MariaDB Peer reviewing Gestion de projet Agile Trello, GitHub Projects, daily sprints
Apprenti Développeur Fullstack
Entreprise	Présent
Période	Avr. 2023 - Sep. 2024 (1 an et 5 mois)
Missions	Développement d'une application mobile interne Kotlin application mobile B2C Flutter API REST monolithique Typescript ,Fastify ,Prisma, Jest, MySql, Docker, GCP, Domain Driven Design SPA pour Desktop et Mobile React, Typescript, Zustand, Chakra UI
Apprenti Développeur R&D
Entreprise	WATT Earth
Période	Oct. 2021 - Sept. 2022 (1 an)
Missions	Conception et développement de fonctionnalités innovantes au cœur des produits WATT Earth : VueJS, Typescript, PHP, Python, MySql, Warp10, Grafana Maquettage et conception d'interfaces utilisateurs (Figma) Réalisation de spécifications et de cahiers de recettes Intégration de technologies dans la solution de l'entreprise, correspondant aux besoins client : Modbus, LoRaWAN, Zigbee, ...
Nom	Description	Technologies
GoCMS	GoCMS est un projet de système de gestion de contenu développé en Go. Le but à terme de ce projet en cours de developpement est de me faciliter la création de site web qui nécessitent des fonctionnalités comme celles d'un Wordpress, notamment un système de blog et d'articles, mais sans avoir recours à Wordpress ou équivalent. L'architecture du projet est en DDD, Domain Driven Design, et le front de l'interface d'administration est généré en SSR via le moteur de templating html de Go. J'utilise également Bootstrap pour avoir de belles interface sans devoir fournir trop d'effort de développement front. J'héberge une démo du projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé via Nginx.	Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git
SnippetsManager	Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil open-source massCode dont le principe est de gérer des snippets (bouts de code). Il s'agit d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.	Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX
spotify-playlist-embed	Petit projet réalisé dans le cadre d'un cours de Framework Frontend à l'ESD, il s'agit d'un lecteur de playlist spotify réalisé en NextJS et Typescript, avec la spotify-web-apinode ainsi que Tailwindcss.	NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel
GoCMS
Description	GoCMS est un projet de système de gestion de contenu développé en Go. Le but à terme de ce projet en cours de developpement est de me faciliter la création de site web qui nécessitent des fonctionnalités comme celles d'un Wordpress, notamment un système de blog et d'articles, mais sans avoir recours à Wordpress ou équivalent. L'architecture du projet est en DDD, Domain Driven Design, et le front de l'interface d'administration est généré en SSR via le moteur de templating html de Go. J'utilise également Bootstrap pour avoir de belles interface sans devoir fournir trop d'effort de développement front. J'héberge une démo du projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé via Nginx.
Technologies	Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git
Dépôt	GoCMS