cvs

2025-11-13 11:29:23 +01:00
parent f59fd9c80a
commit 170ede89f8
15 changed files with 619 additions and 2 deletions
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -12,7 +12,7 @@ jobs:
      - uses: actions/checkout@v4
      - name: install
        run: |
-          APP_DIR=/var/docker-web/store/apps/${GITHUB_REPOSITORY##*/}
+          APP_DIR=/var/docker-web/store/${GITHUB_REPOSITORY##*/}
          mkdir -p $APP_DIR
          cp -a $(find . -mindepth 1 -maxdepth 1 ! -name '.git' ! -name 'node_modules') "$APP_DIR/"
      - name: up
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,9 @@ importers:
      nuxt:
        specifier: ^4.0.3
        version: 4.0.3(@netlify/blobs@9.1.2)(@parcel/watcher@2.5.1)(@types/node@24.3.0)(@vue/compiler-sfc@3.5.18)(db0@0.3.2)(eslint@9.33.0(jiti@2.5.1))(ioredis@5.7.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.46.3)(terser@5.43.1)(typescript@5.9.2)(vite@7.1.2(@types/node@24.3.0)(jiti@2.5.1)(terser@5.43.1)(yaml@2.8.1))(yaml@2.8.1)
+      puppeteer:
+        specifier: ^24.26.1
+        version: 24.26.1(typescript@5.9.2)
      vue:
        specifier: ^3.5.18
        version: 3.5.18(typescript@5.9.2)
@@ -8326,7 +8329,7 @@ snapshots:

  extract-zip@2.0.1:
    dependencies:
-      debug: 4.4.1
+      debug: 4.4.3
      get-stream: 5.2.0
      yauzl: 2.10.0
    optionalDependencies:
--- a/public/cv/cv-node-angular.md
+++ b/public/cv/cv-node-angular.md
@@ -0,0 +1,77 @@
+# Valère BRON
+
+**Développeur Front-End & Fullstack | Vue.js, Angular, Node.js, TypeScript**
+
+Développeur web expérimenté, spécialisé dans la création d’interfaces performantes et engageantes, avec un intérêt marqué pour l’expérience utilisateur, les performances logicielles et la qualité des composants. Je combine expertise front-end et back-end pour contribuer à des plateformes digitales complexes.
+
+📞 [06 81 84 77 37](tel:+33681847737)  
+📧 [contact@valere.dev](mailto:contact@valere.dev)  
+🔗 [LinkedIn](https://www.linkedin.com/in/valere-bron/)  
+💻 [GitHub](https://github.com/valerebron)
+
+---
+
+## 💡 Compétences
+
+- **Front-end :** Angular 15, Vue 2/3, Nuxt, React.js, Tailwind, SCSS, Storybook, optimisation des performances, UI/UX
+- **Back-end :** Node.js, NestJS, Express, GraphQL, Prisma, REST API, Websockets, MongoDB, PostgreSQL
+- **DevOps & CI/CD :** Docker, Docker Compose, Git, GitHub Actions, GitLab CI, KeyCloak, Cloud AWS
+- **Tests & qualité :** Jest, tests unitaires et d’intégration, automatisation E2E
+- **Méthodologies :** Scrum Agile, architecture modulaire, industrialisation des composants
+
+---
+
+## 🏢 Expériences
+
+### 2025 – Groupama | Développeur Vue.js / Front-End
+
+- Développement et maintenance front-end (Vue 3) et intégration avec API REST
+- Optimisation des performances et respect des bonnes pratiques d’accessibilité
+- Mob & pair programming, participation aux orientations produit et backlog
+- Tests fonctionnels et unitaires pour sécuriser les déploiements
+
+### 2024 – Fitarena | Développeur Vue.js & UI
+
+- Création de composants UI réutilisables et performants
+- Refactorisation du code existant et optimisation front-end
+- Collaboration étroite pour améliorer l’expérience utilisateur
+
+### 2021–2023 – Potager City | Développeur Front-End
+
+- Optimisation front-end et SEO, mise en place de tests E2E
+- Coordination avec les équipes produit pour des interfaces intuitives
+- Gestion de la qualité et des performances logicielles
+
+### 2020–2021 – MassiveMusic | Développeur Fullstack
+
+- Architecture front-end avec Atomic Design et SCSS normalisé
+- Développement back-end Node.js et Prisma, CI/CD via Docker Compose
+- Gestion des données et API sécurisées
+
+### 2020–2021 – Analytics | Développeur Node.js
+
+- API GraphQL & TypeScript, suivi CI/CD et modélisation Prisma
+
+### 2020 – Studiolab | Développeur React.js
+
+- Création de composants React & Ant Design pour projets web interactifs
+
+### 2019 – Euronews | Développeur Vue.js
+
+- Intégration SCSS normalisée (ITCSS) pour la refonte du site
+
+---
+
+## 🎓 Diplômes
+
+- 2011 – Licence Ingénierie de l’Internet
+- 2010 – BTS Communication et Industries Graphiques
+
+---
+
+## 🚀 Projets personnels & Compétences Visuelles
+
+- Création de micro-animations front et effets visuels interactifs (SVG, CSS keyframes, transitions)
+- Surcouche Docker Compose et microservices pour projets fullstack ([docker-web.valere.dev](https://docker-web.valere.dev))
+- Développement de kits front-end Nuxt et Vue orientés UI/UX ([sidebase.io](https://sidebase.io))
+- Expérimentation et optimisation d’interfaces utilisateurs pour des applications web et SaaS
--- a/public/cv/html/cv-node-angular.html
+++ b/public/cv/html/cv-node-angular.html
@@ -0,0 +1,242 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<h1>Valère BRON</h1>
+<p><strong>Développeur Front-End &amp; Fullstack | Vue.js, Angular, Node.js, TypeScript</strong></p>
+<p>Développeur web expérimenté, spécialisé dans la création d’interfaces performantes et engageantes, avec un intérêt marqué pour l’expérience utilisateur, les performances logicielles et la qualité des composants. Je combine expertise front-end et back-end pour contribuer à des plateformes digitales complexes.</p>
+<p>📞 <a href="tel:+33681847737">06 81 84 77 37</a><br>
+📧 <a href="mailto:contact@valere.dev">contact@valere.dev</a><br>
+🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
+💻 <a href="https://github.com/valerebron">GitHub</a></p>
+<hr>
+<h2>💡 Compétences</h2>
+<ul>
+<li><strong>Front-end :</strong> Angular 15, Vue 2/3, Nuxt, React.js, Tailwind, SCSS, Storybook, optimisation des performances, UI/UX</li>
+<li><strong>Back-end :</strong> Node.js, NestJS, Express, GraphQL, Prisma, REST API, Websockets, MongoDB, PostgreSQL</li>
+<li><strong>DevOps &amp; CI/CD :</strong> Docker, Docker Compose, Git, GitHub Actions, GitLab CI, KeyCloak, Cloud AWS</li>
+<li><strong>Tests &amp; qualité :</strong> Jest, tests unitaires et d’intégration, automatisation E2E</li>
+<li><strong>Méthodologies :</strong> Scrum Agile, architecture modulaire, industrialisation des composants</li>
+</ul>
+<hr>
+<h2>🏢 Expériences</h2>
+<h3>2025 – Groupama | Développeur Vue.js / Front-End</h3>
+<ul>
+<li>Développement et maintenance front-end (Vue 3) et intégration avec API REST</li>
+<li>Optimisation des performances et respect des bonnes pratiques d’accessibilité</li>
+<li>Mob &amp; pair programming, participation aux orientations produit et backlog</li>
+<li>Tests fonctionnels et unitaires pour sécuriser les déploiements</li>
+</ul>
+<h3>2024 – Fitarena | Développeur Vue.js &amp; UI</h3>
+<ul>
+<li>Création de composants UI réutilisables et performants</li>
+<li>Refactorisation du code existant et optimisation front-end</li>
+<li>Collaboration étroite pour améliorer l’expérience utilisateur</li>
+</ul>
+<h3>2021–2023 – Potager City | Développeur Front-End</h3>
+<ul>
+<li>Optimisation front-end et SEO, mise en place de tests E2E</li>
+<li>Coordination avec les équipes produit pour des interfaces intuitives</li>
+<li>Gestion de la qualité et des performances logicielles</li>
+</ul>
+<h3>2020–2021 – MassiveMusic | Développeur Fullstack</h3>
+<ul>
+<li>Architecture front-end avec Atomic Design et SCSS normalisé</li>
+<li>Développement back-end Node.js et Prisma, CI/CD via Docker Compose</li>
+<li>Gestion des données et API sécurisées</li>
+</ul>
+<h3>2020–2021 – Analytics | Développeur Node.js</h3>
+<ul>
+<li>API GraphQL &amp; TypeScript, suivi CI/CD et modélisation Prisma</li>
+</ul>
+<h3>2020 – Studiolab | Développeur React.js</h3>
+<ul>
+<li>Création de composants React &amp; Ant Design pour projets web interactifs</li>
+</ul>
+<h3>2019 – Euronews | Développeur Vue.js</h3>
+<ul>
+<li>Intégration SCSS normalisée (ITCSS) pour la refonte du site</li>
+</ul>
+<hr>
+<h2>🎓 Diplômes</h2>
+<ul>
+<li>2011 – Licence Ingénierie de l’Internet</li>
+<li>2010 – BTS Communication et Industries Graphiques</li>
+</ul>
+<hr>
+<h2>🚀 Projets personnels &amp; Compétences Visuelles</h2>
+<ul>
+<li>Création de micro-animations front et effets visuels interactifs (SVG, CSS keyframes, transitions)</li>
+<li>Surcouche Docker Compose et microservices pour projets fullstack (<a href="https://docker-web.valere.dev">docker-web.valere.dev</a>)</li>
+<li>Développement de kits front-end Nuxt et Vue orientés UI/UX (<a href="https://sidebase.io">sidebase.io</a>)</li>
+<li>Expérimentation et optimisation d’interfaces utilisateurs pour des applications web et SaaS</li>
+</ul>
+
+</body>
+</html>
--- a/public/cv/html/cv-weeneo.html
+++ b/public/cv/html/cv-weeneo.html
@@ -0,0 +1,230 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<h1>Valère BRON</h1>
+<p><strong>Développeur Front-End | A/B Testing | JavaScript Vanilla, HTML, CSS</strong></p>
+<p>Développeur front spécialisé en expériences utilisateurs et optimisation des parcours clients. Passionné par l’UX et la performance front-end, je conçois, déploie et maintiens des applications digitales pour améliorer conversion et engagement.</p>
+<p>📞 06 81 84 77 37<br>
+📧 contact@valere.dev<br>
+🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
+💻 <a href="https://github.com/valerebron">GitHub</a></p>
+<hr>
+<h2>💡 Compétences</h2>
+<ul>
+<li><strong>Front-End :</strong> JavaScript ES6+, HTML5, CSS3/SASS, DOM manipulation, Responsive Design, Accessibilité (WCAG)</li>
+<li><strong>A/B Testing :</strong> Implementation front-end, création et déploiement de tests, tracking des événements, analyse statistique</li>
+<li><strong>UX/UI &amp; Marketing Digital :</strong> parcours utilisateur, conversion web, micro-interactions, optimisation de l’engagement</li>
+<li><strong>Outils &amp; Méthodes :</strong> GitLab (Git Flow, merge requests), Jira, Agile/Scrum, documentation technique</li>
+<li><strong>Soft Skills :</strong> analyse et synthèse, rigueur, curiosité, communication avec équipes produit, marketing et UX</li>
+</ul>
+<hr>
+<h2>🏢 Expériences</h2>
+<h3>2025 – Groupama | Développeur Vue.js Front-End</h3>
+<ul>
+<li>Conception et développement de micro-frontends pour une application interne</li>
+<li>Participation aux choix UX/UI et à l’intégration de nouvelles fonctionnalités</li>
+<li>Collaboration avec l’équipe produit pour améliorer le parcours utilisateur</li>
+<li>Mise en place de tests fonctionnels et revue de code pour sécuriser les déploiements</li>
+</ul>
+<h3>2024 – Fitarena | Développeur Front-End</h3>
+<ul>
+<li>Développement d’un agenda interactif avec Vue 3 et Pinia</li>
+<li>Création de composants dynamiques et intégration d’API pour améliorer l’expérience utilisateur</li>
+<li>Refactorisation de code et optimisation de la performance front</li>
+</ul>
+<h3>2021–2023 – Potager City | Développeur Front-End Vue.js</h3>
+<ul>
+<li>Développement d’applications front-end accessibles et performantes</li>
+<li>Mise en place de tests E2E pour éviter les régressions et garantir une UX fluide</li>
+<li>Conception de campagnes front-end pour l’emailing et interfaces interactives</li>
+<li>Optimisation SEO et accessibilité des composants</li>
+</ul>
+<h3>2020–2021 – MassiveMusic | Développeur Full-Stack Front-End</h3>
+<ul>
+<li>Composants front-end avec Atomic Design, intégration SASS normalisée</li>
+<li>Déploiement et maintenance de services front pour la lecture de musique en streaming</li>
+<li>Intégration de systèmes de tracking et gestion de données utilisateurs pour analyser l’usage</li>
+</ul>
+<hr>
+<h2>🎓 Diplômes</h2>
+<ul>
+<li>2011 – Licence Ingénierie de l’Internet</li>
+<li>2010 – BTS Communication et Industries Graphiques</li>
+</ul>
+<hr>
+<h2>🚀 Projets personnels</h2>
+<ul>
+<li>Développement et optimisation d’interfaces web animées, micro-interactions et effets visuels (parallaxes, keyframes)</li>
+<li>Expérimentations A/B sur projets personnels pour analyser le comportement utilisateur</li>
+<li>Paquets npm, extensions web et microservices Docker pour tests front-end et intégration UX</li>
+</ul>
+
+</body>
+</html>
--- a/public/cv/pdf/cv-manpower.pdf
+++ b/public/cv/pdf/cv-manpower.pdf
--- a/public/cv/pdf/cv-node-angular.pdf
+++ b/public/cv/pdf/cv-node-angular.pdf
--- a/public/cv/pdf/cv-proman.pdf
+++ b/public/cv/pdf/cv-proman.pdf
--- a/public/cv/pdf/cv-reactis.pdf
+++ b/public/cv/pdf/cv-reactis.pdf
--- a/public/cv/pdf/cv-rx.pdf
+++ b/public/cv/pdf/cv-rx.pdf
--- a/public/cv/pdf/cv-tds.pdf
+++ b/public/cv/pdf/cv-tds.pdf
--- a/public/cv/pdf/cv-valere-bron.pdf
+++ b/public/cv/pdf/cv-valere-bron.pdf
--- a/public/cv/pdf/cv-weeneo.md
+++ b/public/cv/pdf/cv-weeneo.md
@@ -0,0 +1,65 @@
+# Valère BRON
+
+**Développeur Front-End | A/B Testing | JavaScript Vanilla, HTML, CSS**
+
+Développeur front spécialisé en expériences utilisateurs et optimisation des parcours clients. Passionné par l’UX et la performance front-end, je conçois, déploie et maintiens des applications digitales pour améliorer conversion et engagement.
+
+📞 06 81 84 77 37  
+📧 contact@valere.dev  
+🔗 [LinkedIn](https://www.linkedin.com/in/valere-bron/)  
+💻 [GitHub](https://github.com/valerebron)
+
+---
+
+## 💡 Compétences
+
+- **Front-End :** JavaScript ES6+, HTML5, CSS3/SASS, DOM manipulation, Responsive Design, Accessibilité (WCAG)
+- **A/B Testing :** Implementation front-end, création et déploiement de tests, tracking des événements, analyse statistique
+- **UX/UI & Marketing Digital :** parcours utilisateur, conversion web, micro-interactions, optimisation de l’engagement
+- **Outils & Méthodes :** GitLab (Git Flow, merge requests), Jira, Agile/Scrum, documentation technique
+- **Soft Skills :** analyse et synthèse, rigueur, curiosité, communication avec équipes produit, marketing et UX
+
+---
+
+## 🏢 Expériences
+
+### 2025 – Groupama | Développeur Vue.js Front-End
+
+- Conception et développement de micro-frontends pour une application interne
+- Participation aux choix UX/UI et à l’intégration de nouvelles fonctionnalités
+- Collaboration avec l’équipe produit pour améliorer le parcours utilisateur
+- Mise en place de tests fonctionnels et revue de code pour sécuriser les déploiements
+
+### 2024 – Fitarena | Développeur Front-End
+
+- Développement d’un agenda interactif avec Vue 3 et Pinia
+- Création de composants dynamiques et intégration d’API pour améliorer l’expérience utilisateur
+- Refactorisation de code et optimisation de la performance front
+
+### 2021–2023 – Potager City | Développeur Front-End Vue.js
+
+- Développement d’applications front-end accessibles et performantes
+- Mise en place de tests E2E pour éviter les régressions et garantir une UX fluide
+- Conception de campagnes front-end pour l’emailing et interfaces interactives
+- Optimisation SEO et accessibilité des composants
+
+### 2020–2021 – MassiveMusic | Développeur Full-Stack Front-End
+
+- Composants front-end avec Atomic Design, intégration SASS normalisée
+- Déploiement et maintenance de services front pour la lecture de musique en streaming
+- Intégration de systèmes de tracking et gestion de données utilisateurs pour analyser l’usage
+
+---
+
+## 🎓 Diplômes
+
+- 2011 – Licence Ingénierie de l’Internet
+- 2010 – BTS Communication et Industries Graphiques
+
+---
+
+## 🚀 Projets personnels
+
+- Développement et optimisation d’interfaces web animées, micro-interactions et effets visuels (parallaxes, keyframes)
+- Expérimentations A/B sur projets personnels pour analyser le comportement utilisateur
+- Paquets npm, extensions web et microservices Docker pour tests front-end et intégration UX
--- a/public/cv/pdf/cv-xefi.pdf
+++ b/public/cv/pdf/cv-xefi.pdf
--- a/public/cv/pdf/cv.pdf
+++ b/public/cv/pdf/cv.pdf