frontend
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.
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.
mobile
Mobile & applications personnelles
Applications React Native/Expo avec navigation claire, état local maîtrisé et usages hors connexion.
React NativeExpoExpo RouterZustandoffline-firstpersistance locale
data
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
backend
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
quality
Qualité & architecture
Découpage modulaire, tests utiles et outillage qui protègent la maintenance sans sur-ingénierie.
TypeScript strictSOLIDJestVitestPHPUnitReact Testing LibraryDockerGitGitHubBitbucketPHPStormWebStormPyCharm
Projets phares
Trois applications mobiles, conçues de l’architecture à l’écran.
Des applications React Native / Expo pensées comme des produits complets. Faites défiler : le téléphone suit, projet après projet.
01React Native · Expo
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.
- 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.
02React Native · Expo
Dedalia
Application mobile de liste de courses intelligente
Monorepo TypeScript React Native/Expo local-first, avec ajout intelligent de produits par IA, synchronisation cloud et offre Premium, pensé pour faire ses courses sans tourner en rond.
- Monorepo pnpm/Turborepo avec packages partagés, types de domaine et logique métier pure.
- Base locale SQLite et repositories local-first pour un usage fluide hors connexion.
- Ajout intelligent de produits par IA via une fonction Supabase, avec repli manuel.
03React Native · Expo
Animoa
Carnet d'observation et de suivi santé pour chien et chat
Application mobile iOS & Android pour observer, historiser et préparer les informations utiles au vétérinaire, sans jamais poser de diagnostic. Multi-animaux et multi-espèces, offline-first, avec sauvegarde cloud, partage familial et Premium optionnels au runtime.
- Suivi du poids avec courbes, ration alimentaire et jalons, multi-animaux chien & chat.
- Journal d’observations, rappels de soins (vaccins, vermifuges) et notifications locales.
- Journal de visites vétérinaires et résumé PDF prêt pour la consultation.
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.
- 01
Mars 2025 - aujourd'hui
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.
- 02
Février 2023 - Mars 2025
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.
- 03
Octobre 2020 - Février 2023
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.
- Étape 01
Comprendre
Clarifier le besoin, les contraintes métier, les utilisateurs, les risques et le périmètre.
- Étape 02
Structurer
Poser une architecture lisible, découper les responsabilités et choisir les bons outils sans sur-ingénierie.
- Étape 03
Construire
Développer par itérations, avec un code typé, testé, maintenable et intégré proprement au projet.
- Étape 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.
DisponibilitéYV·CONTACT
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.