Valentin Harrang

Objectif : Réaliser un extranet de commande en ligne pour de la fibre optique - Intégration frontend pixel perfect de maquettes Figma en utilisant principalement les composants du design system - Mise à jour du design system (ajout / modification de composants / Storybook) - Tests unitaires Vitest / E2E Playwright - POC PostHog

Frontend Developer pour Psynodia (iPsy), SaaS de gestion pour cabinets de psychiatrie/psychologie en Suisse. Migration d'un système FileMaker vers une architecture moderne (dossiers patients, facturation Tarmed/Tardoc, ordonnances électroniques). Projet à forte complexité métier : conformité réglementaire suisse, données médicales sensibles, hébergement Infomaniak (obligation légale), coordination multi-rôles (psychiatres, psychologues, secrétariat). Réalisations clés : 📅 Agenda médical - RDV récurrents (RRULE), fuseaux horaires (CalDAV/date-fns-tz), absences, temps admin - Co-thérapies : événements synchronisés, notifications inter-praticiens - Recherche accent-insensitive, multi-agendas, consultations vidéo 📋 Dossier patient - Protocoles de notes par rôle (psychiatre/psychologue/secrétaire) - Tags, saisie des temps, verrouillage post-comptabilisation 💊 Prescriptions & Certificats - Workflow complet : création → signature (avec/sans HIN) → envoi → historique - Signature auto-générée, bons de délégation, alertes PRES30 - Soumission/co-signature médecin référent, archivage, permissions par rôle 🔔 Notifications & Rappels - Rappels RDV configurables (email/SMS, cron paramétrable) - Notifications multi-destinataires, planifiées (scheduledAt) - Alertes liste d'attente et mise à jour assurance 📊 Demandes & Liste d'attente - Filtres thérapie (enfant/adulte, individuelle/couple/famille) - Matching patient ↔ thérapeute, prise en charge secrétariat 💰 Assurances & Facturation - Gestion complète (tiers garant, case ID, débiteur, RCC/GLN) - Facturation auto liée aux événements médicaux 🛠️ Contributions techniques - Sentry (front + back), CI/CD, gestion timezone CalDAV - Unification validation formulaires, documentation API/migrations Stack : React, TypeScript, TailwindCSS, Radix UI, TanStack Query, React Hook Form, Zod, NestJS, TypeORM, PostgreSQL, Sentry, CalDAV

Frontend Developer pour Naboo, plateforme SaaS qui automatise la gestion d'événements corporate grâce à l'IA. Scale-up en hypercroissance (3ème levée de fonds 2024) digitalisant un secteur resté inchangé depuis des décennies. 🚀 Réalisations clés : 📝 Refonte de l'éditeur de devis - Modernisation complète de l'outil central de la plateforme - Interface intuitive pour création et édition rapide - Amélioration significative de l'expérience utilisateur 📊 Dashboards Finance et Sales - Tableaux de bord temps réel pour pilotage commercial et financier - Visualisation des KPIs métier (CA, pipeline, taux de conversion) - Aide à la décision pour équipes commerciales et direction 🔍 Client Finder - Matching intelligent demandes clients ↔ lieux disponibles - Filtres avancés et alertes personnalisées par email - Optimisation de la réactivité commerciale 👥 Système de présence temps réel - Fonctionnalité User Online/Offline - Collaboration améliorée entre utilisateurs - Visibilité instantanée de l'activité équipe 🎨 Approche produit Shape Up : - Participation complète au cycle produit (Product updates, QA, design technique) - Cycles de 6 semaines avec pitches et betting table - Collaboration étroite Product/Design/Engineering 🤖 Hackathon AI (3 jours) : - Développement de 2 outils d'automatisation des Pull Requests avec IA - Présentation en anglais devant 180 personnes (challenge personnel relevé pour améliorer mes compétences en public speaking) - Innovation collective avec 50 ingénieurs répartis en 6 équipes 🛠️ Stack technique : - Frontend : React, Next.js, TypeScript, TailwindCSS, ShadCn, Zod, Jotai - Data management : TanStack (Query, Table, Form), GraphQL - Backend : NestJS, MongoDB, Redis - Méthodologie : Shape Up (Basecamp) Participation aux processus de recrutement (culture fit) Impact : Amélioration continue de l'expérience utilisateur et des outils de pilotage pour les professionnels de l'événementiel.

Développement from scratch d'une solution complète pour machines à cocktails connectées présentées au CES Las Vegas 2025. 🤖 PWA machines (Raspberry Pi - Interface tactile) Application web de contrôle embarqué pour 2 types de machines (Mixo8 : 8 bouteilles, Mixo20 : 20 bouteilles). Le challenge : Faire tourner une interface moderne sur un Raspberry Pi 3B (hardware très limité). Ma solution : Migration Next.js → Astro avec réécriture en JavaScript vanilla. Le résultat : Temps de chargement passé de 4.2s à 0.8s (-81%) 🚀 Ce que j'ai développé : - Pilotage cocktails : carrousel, filtres, suivi temps réel de distribution - Gestion/maintenance : état bouteilles, diagnostic pompes, calibration 2 étapes - Configuration système : installation avec logs temps réel, paramètres réseau Wi-Fi/IP - Authentification JWT avec retry automatique, polling + WebSocket pour mises à jour temps réel Stack : Astro 5, React 19, TypeScript, TailwindCSS, Radix UI, OpenAPI, TanStack Query 💼 Back-office (Application React/Next.js 15) Plateforme de gestion de parc de machines développée from scratch. Fonctionnalités clés : - Gestion recettes : système hiérarchique Familles → Cocktails → Recettes avec éditeur avancé drag & drop - Configuration machines : positionnement bouteilles, synchronisation bidirectionnelle - Monitoring analytics : dashboard temps réel 5 onglets, export données, KPIs détaillés - Contrôle à distance : noVNC pour accès distant via WebSocket - Système complet : authentification JWT, multi-tenancy, section Super Admin Stack : Next.js 15, React 19, TypeScript, TailwindCSS, Radix UI, Zustand, TanStack Query, React Hook Form, Zod, noVNC, Jest, Docker Impact : Solution end-to-end complète permettant aux opérateurs de gérer leur parc de machines de A à Z. Démo réussie au CES Las Vegas 2025 🎯

Lead Frontend Developer pour une fintech spécialisée en investissement. Développement d'un portail investisseur multi-tenant gérant plusieurs milliers d'investisseurs. 🎯 Réalisations : - Architecture frontend Next.js/TypeScript avec API REST et GraphQL (NestJS) - Développement React et PHP de plateformes d'investissement - Intégration de la solution KYC Flaminem via API GraphQL, automatisant 80% des vérifications manuelles - Mise en place du design system avec Atomic Design, StoryBook, TailwindCSS, ShadCn, TanStack - Optimisation des performances : migration progressive vers Turbopack - CI/CD, Docker, Terraform, Google Cloud Platform, Feature Flags 🔧 Responsabilités Lead : - Décisions techniques et amélioration des process de développement - Unit tests et tests E2E - Monitoring et suivi de la qualité - Méthodologie Scrumban Stack technique : React, Next.js, TypeScript, PHP/Symfony, GraphQL, NestJS, TailwindCSS, ShadCn, TanStack, Docker, Terraform, GCP Impact : Automatisation significative du processus d'onboarding client grâce à l'intégration KYC, permettant de réduire les vérifications manuelles de 80%.

Missions pour grands comptes dans le secteur de la distribution et de la finance. 🛒 Carrefour - E-commerce bio : - Lead developer sur 2 sites e-commerce (Bio c' Bon et So.bio) - Gestion de 50 000+ références produits bio - Intégration moteur de recherche Algolia - Paiement Klarna - Stack : PHP/Symfony, API REST 💰 Crédit Agricole - Kolecto (SaaS de gestion financière) : - Frontend developer React/TypeScript, gestion multi-thèmes (marque blanche et marque produit) - Développement d'un SaaS de pilotage financier pour TPE/PME - Modules : Gestion bancaire, facturation, trésorerie, pré-comptabilité - Authentification AWS Amplify/Cognito - Stockage S3 - Stack : React, TypeScript, TailwindCSS, StoryBook, Styled Components Méthodologie : Scrumban, travail en petites squads agiles Tests unitaires systématiques

Missions en ESN pour grands comptes (construction et assurance). 🏗️ VINCI Construction - PWA e-beton : Co-développement (avec 1 collègue) d'une PWA de gestion de chantiers béton. Contexte : - Solution SaaS pour pilotage de chantiers en temps réel - 85+ chantiers actifs, 1 million de m³ de béton gérés - Utilisée par Vinci, Eiffage, TELT et 300+ chantiers au total Fonctionnalités développées : - Interface web : Gestion des commandes, tableaux de bord KPIs temps réel - Interface mobile : Réception digitale des toupies (scan QR, validation conformité) - Modules : Suivi qualité béton, traçabilité carbone (RE2020), alertes automatiques - Pilotage budgétaire et reporting chantier Impact : - Digitalisation complète du processus béton (commande → livraison → facturation) - Élimination des bons papier et tableaux Excel - Gains de temps significatifs pour chefs de chantier et conducteurs de travaux Stack : React, TypeScript, API REST 🏦 AXA France & Proxiad Groupe : - Développement frontend React sur applications internes Technologies : API REST/GraphQL, Apollo Client/Server, Hasura, Auth0, DocuSign, Material UI, Ant Design

Fullstack Developer en agence web - Multi-projets clients Développement de solutions web sur-mesure pour des clients de secteurs variés : sport, retail, automobile, industrie. 🏋️ AccroSport - Franchise de salles de sport - Frontend developer Next.js/TypeScript - Site vitrine et plateforme adhérent - Interface moderne pour réseau de franchises 🛒 Busnel et Bazou - E-commerces alimentaires - Lead developer PHP/Symfony - 2 plateformes e-commerce sur-mesure - Gestion catalogue, paiement, back-office administration - Intégration Algolia pour recherche produits 🚗 Beke Automobiles - Concession automobile (projet technique complexe) - Developer PHP/Symfony - Agrégation multi-sources de véhicules (XML, JSON, MongoDB) - Parsing, sérialisation et normalisation des flux en modèles objet (POO) - Traitement automatisé quotidien (suppression anciens véhicules, import nouveaux) - Système de filtrage multi-critères (marque, modèle, énergie, boîte, prix, kilométrage, prime conversion) - Gestion multi-thèmes avec personnalisation couleurs depuis back-office - Intégration module financement Cetelem (LOA/crédit auto avec simulateur) - Back-office de gestion des annonces 🏭 Groupe Treuil - Industriel - Developer PHP/Symfony - Site vitrine corporate avec blog intégré - CMS personnalisé pour gestion de contenu 📦 Types de livrables : Blog, back-office, site vitrine, e-commerce, plateforme, SaaS 🛠️ Stack technique : - Frontend : React, Next.js, TypeScript, StoryBook, Styled Components - Backend : PHP/Symfony, Strapi (headless CMS) - APIs : REST, GraphQL - Services : Algolia (recherche), Cetelem (financement), Cloud, Docker - Data : XML parsing, JSON, MongoDB - Méthodologie : Kanban Expérience agence : Polyvalence, gestion multi-projets simultanés, intégrations tierces complexes.

Fullstack Developer en agence web - Spécialisation performance et SEO technique Développement intensif de solutions web sur-mesure avec focus qualité : SEO technique, Core Web Vitals et performances. 📊 Volume d'activité : - Grande quantité de sites développés sur 2 ans 9 mois - Tous types de projets : E-commerce, Blog, Vitrine, SaaS, Back-office - Stack : PHP/Symfony pour le backend, approche sur-mesure pour chaque client 🎯 Projet marquant : MMA Assurance - Robot Assur - Site de vente d'assurances pour robots tondeuses - Tunnel de vente complet avec intégration Stripe - Parcours client optimisé de la découverte à la souscription - Paiement sécurisé et conformité RGPD - Client : MMA Assurance (groupe Covéa, leader de l'assurance en France) 💰 Intégrations paiement : - Stripe (Robot Assur) - Klik&Pay, SystemPay, Payline - Gestion multi-passerelles selon besoins clients 📱 Projet mobile : - Application React Native de gestion de tâches - Développement fullstack (app + backend) ⚡ Expertise performance et SEO développée : - Formation approfondie SEO technique et optimisation - Core Web Vitals : LCP, FID, CLS - Optimisation performances : temps de chargement, scores Lighthouse - SEO on-page : structure, maillage, données structurées - Approche qualité systématique sur chaque projet 📸 Autre intégration : - API Instagram pour affichage de flux sociaux 🛠️ Stack technique : - Backend : PHP/Symfony (développement sur-mesure) - Frontend : HTML, CSS, JavaScript, React Native - Paiement : Stripe, Klik&Pay, SystemPay, Payline - APIs : REST, Instagram API - Performance : Optimisation Lighthouse, Core Web Vitals - SEO : Techniques avancées d'optimisation 💡 Période formatrice : 2 ans 9 mois de développement intensif en agence, avec acquisition d'une solide expertise en performance web et SEO technique qui est devenue une de mes spécialités. Impact : Livraison de sites performants, optimisés SEO, respect des standards de qualité (Lighthouse >90, Core Web Vitals au vert)

- Intégration frontend du nouvel intranet - Développement de nouvelles fonctionnalités backend liées en grande majorité aux contrôles de la qualité des ressorts - Formation du personnel de l’entreprise à l’utilisation de l’intranet - Rédaction d’une documentation destinée au personnel de l’entreprise - Maintenance applicative de l'intranet

- Intégration du moteur de template Twig dans le logiciel SPREAD - Développement de templates Twig personnalisables en créant des macros, blocks et embeds. - Proof of Concept (POC) Stripe et Braintree