BusCitoyen

BUS CITOYENS — LECTURE AUTOMATIQUE DES FICHES PAPIER D'INSCRIPTION (OCR + IA) Client : Bus Citoyens (application régionale de covoiturage à moindre coût, Hauts-de-France) Catégorie : IA et automatisation Année : Juillet 2026 Durée du projet : 2 mois Compétences : Mistral AI, OCR, FastAPI, React, Intégration API LA PROBLÉMATIQUE DU CLIENT Bus Citoyens s'adresse à un public souvent éloigné du numérique. Pour n'exclure personne, l'association a maintenu des fiches d'inscription papier en parallèle de l'application. Côté usager, c'était la bonne décision. Côté back-office, le coût était caché mais réel : - Chaque fiche devait être relue puis ressaisie à la main dans le système. - Le volume de travail augmentait mécaniquement avec les inscriptions. - La ressaisie manuelle générait des erreurs récurrentes sur des données d'identité et de trajet. La contrainte : la plateforme devait apprendre à lire le papier elle-même, sans rien changer pour l'usager. LA SOLUTION APPORTÉE Une interface de scan conçue pour des opérateurs non techniques, reliée à un moteur de lecture automatique. - Capture. Photo ou scan de la fiche directement depuis l'interface React, avec prévisualisation immédiate. - Extraction. Le contenu de la fiche est lu et structuré automatiquement par l'IA (Mistral), via une API FastAPI. - Intégration. Les données extraites sont transmises directement à l'API de la plateforme Bus Citoyens, sans étape de ressaisie. - Contrôle avant validation. L'opérateur vérifie les données extraites avant envoi : l'humain valide, il ne saisit plus. L'IMPACT - Temps de traitement par fiche : de plusieurs minutes à moins de 10 secondes - Saisie manuelle résiduelle ramenée à près de zéro après déploiement - Erreurs de transcription réduites : l'opérateur vérifie au lieu de recopier - Inclusion numérique rendue opérationnelle côté back-office, sans rien changer à l'accessibilité côté usager L'association garde son canal papier pour les publics qui en ont besoin, sans en supporter le coût administratif.

Fullstack Development

OCR Bus Citoyen

Prime Studio France

PRIME STUDIO FRANCE — RÉSERVATION ET PAIEMENT EN LIGNE POUR UN STUDIO CRÉATEURS Client : Prime Studio France (location de studios pour influenceurs et créateurs de contenu) Catégorie : Création de site vitrine / Framer Année : Mai 2026 Durée du projet : 2 semaines Compétences : Framer, Module de réservation, Paiement en ligne, SEO LA PROBLÉMATIQUE DU CLIENT Les studios tenaient la promesse premium. Rien en ligne ne le montrait. - Réservation artisanale. Tout passait par des messages et des appels, avec des allers-retours pour caler chaque créneau. Ce fonctionnement plafonnait mécaniquement le nombre de réservations possibles. - Image en décalage. Un studio haut de gamme vendu comme un local associatif : le canal de réservation cassait le positionnement avant même la visite. - Aucune visibilité nationale. Le studio s'adresse aux créateurs de toute la France, mais n'était trouvable sur aucune recherche. LA SOLUTION APPORTÉE Un site Framer qui met les espaces en scène comme on présente un hôtel boutique. - Mise en scène des espaces. Visuels soignés, navigation fluide, fiche détaillée par studio avec galerie dédiée. - Réservation et paiement intégrés. Le client choisit son créneau, réserve et paie en quelques clics, sans un seul échange de mails. - SEO national. Optimisation pour capter la recherche de studios créateurs de contenu à l'échelle nationale, et pas seulement locale. L'IMPACT - Top 3 des résultats Google sur « studio créateur de contenu France » - 100 % des réservations traitées en ligne, sans intermédiaire humain - Trafic qualifié généré rapidement après la mise en ligne, avec des réservations directes - Temps administratif de gestion des créneaux ramené à la supervision du planning Le site positionne Prime Studio comme une référence pour les créateurs en France, et donne à l'équipe un outil autonome pour gérer planning et encaissement.

Websites

Framer

Web Design

Prime studio france - site web & réservation 

Fc artifice

FC ARTIFICES - AUTOMATISATION DES PLANS DE TIR ET DU STOCK (400+ REFERENCES) Client : FC Artifices (spectacles pyrotechniques, équipe de 5 personnes) Catégorie : Outil métier et automatisation Année : 2026 (livré pour la saison estivale) Durée du projet : 8 semaines, en juin 2026, projet mené a deux Compétences : Python, React, API Google Sheets, Cartographie, Génération de documents LA PROBLEMATIQUE DU CLIENT A l'approche de sa saison la plus chargée, la personne chargée de concevoir les feux passait une partie de ses journées a reporter des mouvements de stock dans Google Sheets. Le problème ne venait pas d'un manque de logiciel. Le classeur existait et l'équipe savait s'en servir. La perte de temps venait de tout ce qu'il fallait saisir autour : - Plus de 400 références reparties dans plusieurs onglets, avec des informations proches mais pas toujours écrites de la même façon. Un même produit pouvait porter plusieurs noms tout en partageant une référence. Certaines fiches n'indiquaient pas le poids. - Des documents entrants hétérogènes : PDF, fichiers Excel et images selon les fournisseurs et le type de plan. - Des taches administratives répétitives : bons de transport, tableaux règlementaires pour la préfecture, archivage des plans. Pendant les semaines calmes, ces écarts étaient absorbables. Pendant le rush estival, chaque vérification ralentissait la préparation des spectacles. Contrainte forte : livrer avant le début de la saison, sans imposer un nouvel outil a l'équipe au pire moment de l'année. LA SOLUTION APPORTEE Google Sheets a été conserve volontairement. Les traitements ont été construits autour. Six fonctions métier a partir des mêmes données : 1. Un plan de tir dépose est déconstruit par des algorithmes Python, qui rapprochent chaque produit des références connues et mettent a jour les quantités en stock. 2. Une notification prévient l'équipe lorsqu'un produit nécessaire manque. 3. Un outil cartographique permet de dessiner les zones d'explosion et de sécurité sur une carte, d'annoter, puis d'exporter un PDF mis en page. 4. Le plan de tir génère le bon de transport prêt a imprimer. 5. Les données sont exportées dans le tableau Excel demande pour les démarches règlementaires en préfecture. 6. Chaque plan de tir est archive pour assurer sa traçabilité. Deux partis pris techniques : - Ni OCR ni IA générative. Les traitements sont déterministes. On peut expliquer pourquoi une ligne a été associée a un produit, tracer la modification et demander une confirmation si les données ne suffisent pas. Sur des données de stock et des documents règlementaires, cette prévisibilité compte plus qu'une reconnaissance plus souple mais difficile a contrôler. - Correction des données pendant l'utilisation. Quand une correspondance est ambiguë, l'outil ne choisit pas a la place de l'utilisateur : il affiche le cas et demande une validation. La correction saisie met a jour la base de correspondances immédiatement, ce qui évite de résoudre deux fois la même ambiguïté. La conception du plan de feu reste manuelle. L'outil évite la mise en page répétitive, mais l'artificier garde la main sur la conception du spectacle. L'IMPACT - Livré rapidement, avant le début de la saison estivale 2026 - Plus de 400 références harmonisées et gérées dans le système - 0 ressaisie manuelle pour le traitement des plans de tir : l'utilisateur valide les correspondances proposées, les mouvements de stock et les documents sont générés ensuite - 4 documents générés automatiquement a partir d'un même plan (mise a jour stock, bon de transport, tableau préfecture, archive) - Aucun changement d'outil impose : l'équipe conserve ses repères dans Google Sheets - Historique complet des modifications et validations : l'équipe sait toujours pourquoi le stock a changé

React

Typescript

ERP Pour artifice 

CookoFry

Je suis fier de vous présenter CookoFry, un réseau social innovant dédié aux passionnés de cuisine à l’Air Fryer. 🍳✨Fonctionnalités principales :<ul><li>Profils personnalisés pour chaque utilisateur 👤</li><li>Système de followers et messagerie entre membres 💬</li><li>Partage de recettes avec photos et descriptions gourmandes 📸🍴</li><li>Recherche avancée par ingrédients, temps de cuisson et restrictions alimentaires 🔍</li></ul>Mon rôle dans ce projet :<ul><li>Design UX/UI : Création d’une interface intuitive et engageante avec Figma 🎨</li><li>Prototypage complet : Définition des parcours utilisateurs et interactions clés 🛠️</li><li>Conception mobile-first : Optimisation pour une utilisation fluide sur smartphones 📱</li></ul>Technologies utilisées :<ul><li>Prototypage : Figma</li><li>Conception responsive et mobile-friendly</li></ul>Ce projet m’a permis d’explorer la création d’une véritable communauté autour d’une passion spécifique, en alliant design social et fonctionnalités pratiques pour une expérience utilisateur moderne et conviviale. 🚀

Mobile Development

Figma

Hm Security Protect

Je vous présente SecurPlan, une application web pensée pour révolutionner la gestion des plannings dans le secteur de la sécurité. 🛡️📅Fonctionnalités principales :<ul><li>Consultation des missions en temps réel grâce à une gestion de la mutation des données📋</li><li>Gestion simple des disponibilités 📆</li><li>Réception de notifications importantes directement sur mobile 🔔</li></ul>Mon rôle dans ce projet :<ul><li>Design UX adapté : Conception d’une interface ultra-intuitive pour des utilisateurs peu familiers avec les outils numériques 🎯</li><li>Développement Frontend : Construction de l’interface avec Next.js et Material UI 💻</li><li>Optimisation mobile : Affichage fluide et responsive pour une utilisation sur le terrain 📱</li></ul>Technologies utilisées :<ul><li>Frontend : Next.js, Material UI</li><li>Backend : API REST .NET</li></ul>Ce projet reflète ma volonté de proposer des solutions accessibles et concrètes, avec un impact direct sur la vie professionnelle des utilisateurs. Le taux d’adoption élevé dès les premières semaines a confirmé la pertinence de cette approche centrée sur l’humain. 🌟

Frontend Development

Securplan

Projet Perso

Je suis heureux de vous présenter Régio’Miam, un prototype d’application dédié à la découverte du patrimoine culinaire français à travers une carte interactive.🍴Pensé comme une invitation au voyage et à la gourmandise, Régio’Miam permet aux utilisateurs d’explorer les spécialités régionales, de localiser les restaurants qui les proposent, et d’accéder à des recettes authentiques le tout enrichies par des avis communautaires. L’expérience mêle exploration géographique, gastronomie locale et interaction sociale, pour offrir une immersion complète dans la richesse des terroirs français.Fonctionnalités principales :<ul><li>Carte interactive des spécialités culinaires par région 🗺️</li><li>Liste de restaurants proposant les plats locaux 🍽️</li><li>Recettes authentiques accompagnées d’avis utilisateurs ⭐</li><li>Mécanismes communautaires pour partager et noter les découvertes</li></ul>Mon rôle dans ce projet :<ul><li>Design UX/UI complet : conception des parcours utilisateurs et des interfaces 🎨</li><li>Prototypage haute fidélité avec Figma pour tester l’expérience avant développement</li><li>Création d’une navigation intuitive mêlant carte, liste et fiches détaillées</li></ul>Logiciels utilisées :<ul><li>Prototypage : Figma</li></ul>Ce projet met en avant ma capacité à concevoir des expériences utilisateurs riches et engageantes, en combinant l’exploration spatiale, l’authenticité culturelle et la dynamique communautaire. 🚀

Regio'miam

Je suis fier de vous présenter le Dashboard CESIM, une application conçue pour transformer les résultats de simulations de gestion d’entreprise en véritables leviers d’analyse stratégique. 📊🚀Pensé pour un usage académique et professionnel, le Dashboard permet de suivre en temps réel les indicateurs clés de performance (KPI) et d’importer automatiquement les résultats issus de fichiers Excel fournis par la plateforme CESIM.Pour construire cet outil, j’ai développé une API d’import complète grâce à la App Router de Next.js 14, capable de convertir et structurer les données d’Excel avant leur insertion en base. L’utilisation de Prisma assure une gestion rapide, fiable et cohérente des données, tandis que l’interface frontend propose une expérience claire et intuitive, optimisée pour desktop et mobile. 📱Fonctionnalités principales :<ul><li>Suivi des KPI par équipe et par round 📈</li><li>Import automatisé et traitement des fichiers Excel 📥</li><li>Monitoring des performances et parts de marché en temps réel</li><li>Suppression et gestion simplifiée des rounds</li></ul>Mon rôle dans ce projet :<ul><li>Développement Frontend avec Next.js 14, TypeScript et Shadcn UI 💻</li><li>Création de l’API d’import et de traitement de données (Excel → BDD)</li><li>Conception de la base de données avec Prisma</li><li>Optimisation de l’expérience utilisateur pour l’analyse rapide et fluide</li></ul>Technologies utilisées :<ul><li>Frontend : Next.js 14 (App Router), TypeScript, Shadcn UI, TailwindCSS</li><li>Backend : Prisma ORM, API via Next.Js traitement de fichiers Excel avec xlsx,</li><li>Validation : Zod</li></ul>Ce projet met en avant ma capacité à développer des solutions performantes en utilisant les dernières technologies web, tout en traduisant des besoins métiers complexes en outils accessibles, robustes et scalables. 🚀

Tailwind CSS

CESIM Dashboard

MIAGE Amiens

Je suis ravi de vous présenter Restomate, une application innovante conçue pour révolutionner la gestion des commandes dans les restaurants. 🍽️📱​ Fonctionnalités principales : Commande simplifiée : Les clients scannent un QR code sur leur table et accèdent au menu interactif pour passer commande directement depuis leur smartphone. 📲​ Interfaces personnalisées : Chaque acteur du restaurant dispose d'une interface adaptée (client, serveur), optimisant ainsi les processus internes. 👨‍🍳👩‍💼​ Mon rôle dans ce projet : Prototypage : Création de maquettes interactives avec Figma pour une expérience utilisateur optimale. 🎨​ Développement Frontend : Utilisation de React.js et Inertia.js pour un rendu dynamique et réactif. 💻​ Technologies utilisées : Frontend : React.js, Inertia.js, Tailwind CSS, Headless UI​ Backend : Laravel, avec intégration de WebSockets pour le suivi en temps réel des commandes​ Ce projet, réalisé dans le cadre de mon Master MIAGE, m'a permis de renforcer mes compétences en développement web et de travailler sur une solution concrète répondant aux besoins actuels des restaurateurs.​

Laravel

Resto'mate

Développeur FullStack React.JS/ next.JS

Contexte & Objectif : Co-fondation d'une agence créative spécialisée dans la conception de solutions web sur-mesure pour TPE/PME, startups et indépendants. Pilotage technique et UX/UI des projets clients.
Projets Clés: 
ERP Destiné aux artificiers connecté au logiciel métier avec génération de documents complexes
Site vitrine + module de réservation haut de gamme pour studio de tournage.
Application OCR de numérisation de fiches itinéraires. (projet "bus citoyen")
Application de planification pour shows démos Yamaha.
DA, site web et stratégie de contenu Henovalis.
Stack : Next.js, TypeScript, Prisma, PostgreSQL, MUI, Framer, intégrations IA (mistral/OpenAI), Python, FastAPI

Dirigeant

Chargé de projet

Réalisation d'application web et de site internet pour divers clients.

Dylan Henocque

Développeur FullStack React.JS/ next.JS

À propos

Expérience de travail

Dirigeant

Innovation Conseil

Chargé de projet

Chargé de projet

Formation

Université de Picardie Jules Verne (Amiens)

Université de Picardie Jules Verne (Amiens)

Université de Picardie Jules Verne (Amiens)

lycée du vimeu

Portfolio

OCR Bus Citoyen

BusCitoyen

Prime studio france - site web & réservation

Prime Studio France

ERP Pour artifice

Fc artifice

CookoFry

CookoFry

Securplan

Hm Security Protect

Regio'miam

Projet Perso

CESIM Dashboard

Projet Perso

Resto'mate

MIAGE Amiens

Talents

Recruteurs

À propos