01
Front-end & expérience produit
Interfaces React et Next.js structurées, typées et pensées pour la lisibilité des parcours.
ReactTypeScriptNext.jsAngularTailwind CSSStorybookAccessibilité
Lead développeur full stack web & mobile
Yann Vogel
Je conçois des applications maintenables, testées et orientées produit, de l'interface React à l'API Symfony, du prototype à l'expérience utilisateur finalisée.
Basé à Toulon, disponible pour missions web & mobile, anglais courant.
Architecture produit
Du besoin métier au code testable.
YV
01Produit
Besoin métierParcours clésUX professionnelle
02Interface
ReactTypeScriptAccessibilité
03Mobile
React NativeNavigationPerformance
04API
SymfonyContrats APIIntégrations
05Qualité
Tests ciblésModules lisiblesDocumentation
Code maintenable
Découpage clair
Livraison maîtrisée
Expertise
Une approche full stack, structurée autour du produit.
Les compétences sont volontairement regroupées par responsabilités plutôt qu'empilées en catalogue de logos.
02
Mobile & applications personnelles
Applications React Native/Expo avec navigation claire, état local maîtrisé et usages hors connexion.
React NativeExpoExpo RouterZustandoffline-firstpersistance locale
03
Données & offline
Modèles locaux, persistance fiable et stockage de données pensés pour des usages lisibles hors connexion.
MySQLPostgreSQLPrismaSQLiteexpo-sqlitestockage de couverturesoffline-first
04
Back-end & API
API Symfony, intégrations externes et contrats de données conçus pour durer dans des bases de code réelles.
PHPSymfonyRESTGraphQLApolloPythonBnF SRUGoogle BooksOpen Library
05
Qualité & architecture
Découpage modulaire, tests utiles et outillage qui protègent la maintenance sans sur-ingénierie.
TypeScript strictSOLIDJestVitestPHPUnitReact Testing LibraryDockerGitGitHubBitbucketPHPStormWebStormPyCharm
Projet phare
Rémanence, un produit mobile complet plutôt qu’une simple démo technique.
Un journal de lecture mobile, local et calme, pensé pour garder la trace de ce qu'un livre laisse après la dernière page.
Rémanence
Application mobile de journal de lecture personnel
Conception et développement d'une application React Native/Expo offline-first, sans backend en V1, centrée sur la mémoire de lecture plutôt que sur le social.
React NativeExpoTypeScript strictExpo RouterZustandexpo-sqlitei18n FR/ENJest
Bibliothèque locale, fiches livres, ressentis à chaud et avis différés.
Rappels locaux, minuteur de lecture, statistiques Premium et exports de critiques.
Recherche ISBN via BnF SRU, Google Books et Open Library.
Architecture modulaire avec séparation app, components, store, utils et api.
Cartographie du produit
Modules clés de l’application, du suivi local aux exports.
01
Bibliothèque
02
Fiches livres
03
Ressentis
04
Avis différés
05
Rappels
06
Minuteur
07
Stats Premium
08
Exports
Autres réalisations
Des contextes web, SaaS, extensions navigateur et applications métier.
EGERIE Software
Applications Symfony / React
Développement d’applications web Symfony/React dans le domaine de la gestion des risques cyber, de la conformité et de la protection des données.
SymfonyReactGRC cyberConformité
La Boîte Immo / OffRoadLabs
Refonte Hektor
Pilotage de la refonte Hektor avec React, TypeScript, Apollo, GraphQL, Storybook et Vitest, avec un accent sur la maintenabilité des composants.
ReactTypeScriptGraphQLStorybookVitest
OffRoadLabs
Extension Chrome métier
Conception et livraison d'une extension Chrome en React/TypeScript connectée à une API Symfony 6, intégrée à l'écosystème Hektor.
Chrome ExtensionReactTypeScriptSymfony 6
OffRoadLabs
Applications Next.js intégrant l’IA
Création d'applications Next.js intégrant des fonctionnalités IA, avec attention portée à la maintenabilité, aux tests et à l'expérience utilisateur.
Next.jsIATestsProduit
Expérience
Une trajectoire orientée produit, architecture et maintenance.
Mars 2025 - aujourd'hui
01
Concepteur et développeur mobile
Projet Rémanence
Conception d'une application mobile offline-first de journal de lecture personnel, de l'architecture technique à l'expérience utilisateur.
- React Native/Expo en TypeScript strict, Expo Router et Zustand.
- Persistance locale via expo-sqlite, stockage des couvertures et usage hors connexion.
- Recherche ISBN multi-sources et tests Jest / React Native Testing Library.
Février 2023 - Mars 2025
02
Lead développeur
OffRoadLabs
Refonte d'applications React/TypeScript, intégration GraphQL, extension Chrome, applications Next.js et accompagnement technique de projets web modernes.
- Refonte Hektor pour La Boîte Immo.
- Composants documentés, testés et intégrés à des contrats GraphQL.
- Applications Next.js avec fonctionnalités IA et exigences de maintenance.
Octobre 2020 - Février 2023
03
Développeur web
EGERIE Software
Développement d'applications Symfony/React dans le domaine de la GRC cyber, de la conformité et de la protection des données.
- 28 mois sur des bases de code existantes et des domaines métier exigeants.
- Travail en équipe sur des applications liées aux risques cyber et aux données sensibles.
Méthode
Comprendre le besoin, structurer proprement, livrer sans bruit.
Une méthode volontairement simple, adaptée aux projets où la lisibilité du code compte autant que l'interface livrée.
01
Comprendre
Clarifier le besoin, les contraintes métier, les utilisateurs, les risques et le périmètre.
02
Structurer
Poser une architecture lisible, découper les responsabilités et choisir les bons outils sans sur-ingénierie.
03
Construire
Développer par itérations, avec un code typé, testé, maintenable et intégré proprement au projet.
04
Stabiliser
Tester les parcours clés, corriger les frictions UX, documenter les choix et préparer la suite.
Formation
Un socle académique complété par une veille technique continue.
OpenClassrooms
2019 - 2020Développeur web, Bac +2, félicitations du jury
OpenClassrooms
2020 - 2022Développeur d'applications PHP/Symfony, Bac +4
Udemy
2023React, TypeScript, Jest, React Testing Library, Chrome Extension Development
Udemy
2024 - 2026React Native, Next.js, Python, Angular
Contact
Vous cherchez un développeur capable de prendre du recul sur le produit, l’architecture et la qualité du code ?
Discutons de votre projet, de votre codebase ou d'une mission web et mobile. Le premier échange peut rester simple et concret.
Basé à Toulon, disponible pour missions web & mobile, anglais courant.
Je serai ravi de discuter de votre projet, de vos contraintes techniques et de la façon dont je peux vous aider à avancer.