Aller au contenu
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.

Défiler
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.

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é
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

Des applications mobiles personnelles, pensées comme des produits complets.

Trois applications React Native/Expo offline-first, conçues de l’architecture technique à l’expérience utilisateur, plutôt que de simples démos techniques.

Faites défiler — 3 projets

Rémanence01/03

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.
  • Architecture modulaire avec séparation app, components, store, utils et api.
React NativeExpoTypeScript strictExpo RouterZustandexpo-sqlitei18n FR/ENJest
Dedalia02/03

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.
  • Authentification SSO, synchronisation cloud, plans Premium et abonnements RevenueCat.
React NativeExpoTypeScript strictpnpmTurborepoZodSQLiteSupabaseRevenueCatVitest
Piste Santé03/03

Carnet d'observation et de suivi santé pour chien

Application React Native/Expo bilingue pour observer, historiser et préparer les informations utiles au vétérinaire, sans jamais poser de diagnostic, avec sauvegarde cloud et Premium optionnels au runtime.

  • Fiche chien, suivi du poids avec courbe et plan alimentaire (ration et jalons).
  • Observations santé, journal, rappels et soins avec notifications locales.
  • Résumé vétérinaire prêt pour la consultation, avec export PDF.
  • Application bilingue FR/EN et offline-first, Supabase et RevenueCat optionnels au runtime.
React NativeExpoTypeScript strictExpo RouterNativeWindAsyncStorageSupabaseRevenueCatJest
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.

  1. 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.
  2. 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.
  3. 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.

  1. Étape 01

    Comprendre

    Clarifier le besoin, les contraintes métier, les utilisateurs, les risques et le périmètre.

  2. Étape 02

    Structurer

    Poser une architecture lisible, découper les responsabilités et choisir les bons outils sans sur-ingénierie.

  3. Étape 03

    Construire

    Développer par itérations, avec un code typé, testé, maintenable et intégré proprement au projet.

  4. É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 - 2020

Développeur web, Bac +2, félicitations du jury

OpenClassrooms

2020 - 2022

Développeur d'applications PHP/Symfony, Bac +4

Udemy

2023

React, TypeScript, Jest, React Testing Library, Chrome Extension Development

Udemy

2024 - 2026

React 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.