262 lines
8.4 KiB
HTML
262 lines
8.4 KiB
HTML
<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&display=swap" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&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 Web | Vue.js, Nuxt, Node.js, Docker</strong></p>
|
||
<p>Développeur front Vue/Nuxt, j’aide les équipes à livrer des interfaces robustes et performantes. Focus sur la qualité (tests E2E), la DX (design system, tooling) et l’industrialisation (CI/CD, Docker).</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> Vue 2/3, Nuxt, Pinia, React.js, Tailwind, SCSS, Storybook</li>
|
||
<li><strong>Back-end :</strong> Node.js, NestJS, GraphQL, Prisma, REST API</li>
|
||
<li><strong>DevOps & CI/CD :</strong> Docker, Docker Compose, GitLab, Drone, Gitea</li>
|
||
<li><strong>Outils :</strong> Vite, ITCSS, Atomic Design</li>
|
||
</ul>
|
||
<hr>
|
||
<h2>🏢 Expériences</h2>
|
||
<h3>2025 – Groupama | Développeur Vue.js</h3>
|
||
<p>Lors de cette mission pour Groupama, j’ai eu l’occasion de travailler au sein d’une équipe composée de
|
||
5 développeurs front, 2 lead dev et un facilitateur Scrum, en interaction avec une équipe métier sur site et à distance.</p>
|
||
<p>Dans ce cadre, j’ai participé à la construction d’une nouvelle application Vue 3 architecturée en micro-frontends.
|
||
L’accent a été mis en particulier sur les règles métiers et les tests fonctionnels.</p>
|
||
<ul>
|
||
<li>Développement & maintenance d’applications Vue 3</li>
|
||
<li>Participation aux choix techniques et aux orientations produit</li>
|
||
<li>Collaboration avec l’équipe pour assurer l’intégration des fonctionnalités</li>
|
||
<li>Sécurisation des applications et suivi des bonnes pratiques</li>
|
||
<li>Mob et pair programming, présentation du backlog et des priorités à l’équipe</li>
|
||
</ul>
|
||
<h3>2024 – Fitarena | Développeur Vue.js</h3>
|
||
<p>Pour Fitarena, j’ai eu l’occasion de travailler avec l’architecte back-end pour développer un agenda interactif en Vue 3 et Pinia.</p>
|
||
<ul>
|
||
<li>Développement d’un agenda interactif en Vue 3 & Pinia</li>
|
||
<li>Refactorisation du code existant et création de stores et services API</li>
|
||
<li>Développement de composants UI spécifiques</li>
|
||
</ul>
|
||
<h3>2021–2023 – Potager City | Développeur Vue.js</h3>
|
||
<p>Pour Potager City, j’ai travaillé sur le développement d’une application Vue 2 avec un accent particulier sur l’accessibilité et les performances.
|
||
Dans ce cadre, j’ai mis en place des tests de bout en bout (E2E) afin d’éviter les régressions CSS.
|
||
J’ai aussi mis en place le système de rendu des campagnes emailing avec un micro framework front-end from scratch.</p>
|
||
<ul>
|
||
<li>Développement front-end et optimisation SEO</li>
|
||
<li>Coordination avec les équipes produit pour améliorer l’expérience utilisateur</li>
|
||
<li>Mise en place de tests techniques et contrôle qualité du code</li>
|
||
</ul>
|
||
<h3>2020–2021 – MassiveMusic | Développeur Vue/TypeScript/Node/Prisma</h3>
|
||
<p>MassiveMusic est un projet personnel fullstack qui m’a permis de consolider mes connaissances en Vue, Node.js, DevOps et web design en développant seul un réseau social avec lecture de musique en streaming de bout en bout.</p>
|
||
<ul>
|
||
<li>Composants Vue avec Atomic Design</li>
|
||
<li>Intégration SCSS normalisée (ITCSS)</li>
|
||
<li>API GraphQL & TypeScript et modélisation Prisma</li>
|
||
<li>CI/CD via GitLab et Docker Compose</li>
|
||
</ul>
|
||
<h3>2020–2021 – Analytics | Développeur Node.js</h3>
|
||
<p>J’ai développé le client et le serveur d’un outil de collecte et d’analyse de données navigateur en Node.js.</p>
|
||
<ul>
|
||
<li>Tracker client et API GraphQL & TypeScript</li>
|
||
<li>CI/CD et modélisation Prisma</li>
|
||
</ul>
|
||
<h3>2020 – Studiolab | Développeur React.js</h3>
|
||
<ul>
|
||
<li>Développement de composants avec React & Ant Design</li>
|
||
</ul>
|
||
<h3>2019 – Euronews | Développeur Vue.js</h3>
|
||
<ul>
|
||
<li>Intégration SCSS normalisée (ITCSS) pour la v3 du site</li>
|
||
</ul>
|
||
<h3>2018 – Tyredating | Développeur Vue.js</h3>
|
||
<ul>
|
||
<li>Développement de composants Vue pour CMS from scratch</li>
|
||
<li>Intégration responsive</li>
|
||
</ul>
|
||
<p><em>(… autres expériences antérieures disponibles sur demande)</em></p>
|
||
<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>Paquets npm en TypeScript</li>
|
||
<li>Extensions Web</li>
|
||
<li>Microservices Docker</li>
|
||
<li>Surcouche Docker Compose en Bash : <a href="https://docker-web.valere.dev">docker-web.valere.dev</a></li>
|
||
<li>Kit full-stack Nuxt : <a href="https://sidebase.io">sidebase.io</a></li>
|
||
</ul>
|
||
<p>Ces projets renforcent mes compétences en administration système, CI/CD et expérimentation front/back.</p>
|
||
|
||
</body>
|
||
</html> |