Johan Hoareau
Développeur React Native freelance
Spécialiste des interfaces mobiles animées
Reanimated & Skia
En savoir plus sur moi
Mes services
Je développe des applications mobiles et web en React Native et React, avec une attention particulière portée à la qualité des interfaces et des animations. Que ce soit pour un projet complet ou une intervention en renfort, je m'implique sur l'ensemble de la chaîne : architecture, développement, déploiement.
Conception d'applications mobiles
Je conçois des applications mobiles en React Native, de l'architecture technique à une version prête pour la production. Une seule base de code pour iOS et Android, sans compromis sur les performances ni sur la qualité de l'expérience utilisateur.
Intégration d'animations pour applications mobiles en React Native
Les animations ne sont pas qu'un détail esthétique : elles augmentent l'engagement, améliorent la rétention et renforcent la perception de qualité de votre application. Une interface fluide et réactive inspire confiance et donne envie de revenir. J'intègre des animations avancées directement à partir de vos maquettes Figma ou de références visuelles. Gestuelles interactives (swipe, drag, zoom), effets graphiques 2D, visualisations dynamiques, tout est exécuté sur le thread UI natif via Reanimated et React Native Skia pour une fluidité irréprochable, même sur des appareils modestes.
Conception de web apps
Je développe des applications web sur mesure en React et TypeScript : tableaux de bord, systèmes de gestion, outils métier. Des interfaces riches et interactives, avec une intégration soignée des API et des bases de données. Le projet ChezPaulus en est un exemple concret : une solution fullstack complète, de l'architecture au déploiement.
Mes projets
react-native-delightful-navigation
Bibliothèque open source de shared element transitions
- Présentation
- Pourquoi cette lib
- Détails techniques
Description
Présentation
Les shared element transitions entre écrans sont l'une des animations les plus attendues par les utilisateurs mobiles, mais leur implémentation en React Native est complexe, peu documentée et souvent couplée à des solutions natives non compatibles Expo.
J'ai développé une librairie open source avec une API déclarative (<SharedView tag="..." />) qui abstrait toute cette complexité. Elle s'intègre nativement avec expo-router et react-navigation, fonctionne en Managed Workflow, et gère les cas avancés comme les listes dynamiques, les includes/excludes et l'easing personnalisable.
La démonstration vidéo illustre deux cas d'usage : une transition basique entre deux écrans, et un cas avancé depuis un item de liste vers un écran de détail avec routes dynamiques.Statut : beta publique, actuellement en cours de test et d'amélioration sur la base des retours communautaires.
Système de messagerie vocal
- Présentation
- Enregistrement vocal
- Lecture audio
Description
Présentation
Une application de messagerie instantanée avait besoin d'un module de messagerie vocale complet, de l'enregistrement à la lecture, avec une expérience utilisateur au niveau des standards actuels (WhatsApp, Telegram). J'ai rejoint ce projet bénévolement pour concevoir et implémenter ce module de zéro, dans une base de code existante.
Le défi n'était pas seulement fonctionnel : l'objectif était que chaque interaction (maintien du doigt pour enregistrer, glissement pour annuler, scrubbing de l'audio) soit fluide, réactive et naturelle, même sur des appareils peu performants.
Au-delà de la technique, ce projet illustre ma capacité à m'intégrer rapidement dans une base de code existante et à livrer une fonctionnalité complexe de manière autonome, dans un contexte de collaboration bénévole.Détails techniques
WebApp ChezPaulus
Témoignage
"L'application web développée par Johan a transformé notre façon de gérer les commandes et les factures. Grâce à cette solution, nous avons considérablement réduit le temps de traitement des commandes et amélioré l'organisation de notre snack-bar. Sa capacité à comprendre nos besoins et à créer une interface adaptée a été remarquable. Il a été à l’écoute tout au long du projet et a su transformer nos idées en une solution pratique. Nous sommes très satisfaits du résultat et le recommandons sans hésiter."
- Présentation
- Prise de commandes
- Configuration des articles
- Enregistrement des factures
Description
Présentation
Chez Paulus, un snack-bar réunionnais, gérait ses commandes et sa facturation manuellement, un processus lent, source d'erreurs et inadapté au rythme d'un service rapide.
J'ai conçu et développé une application POS (Point of Sale) sur mesure, optimisée pour une Surface Pro 2 et son interface tactile, en prenant en charge l'intégralité du projet : front-end, back-end, déploiement et maintenance. L'app couvre les trois besoins essentiels du quotidien :
- La prise de commande
- L'enregistrement des factures
- La configuration et le pré-enregistrement des articles
L'interface a été pensée pour minimiser la courbe d'apprentissage, une prise en main rapide, sans documentation nécessaire. Un employé doit pouvoir s'en emparer immédiatement.
Résultat : une réduction significative du temps de traitement des commandes et une meilleure organisation des flux clients, confirmée par le retour du client.Détails techniques
Collection d'animations développées en react native
- Présentation
- Écran de démarrage 1
- Écran de démarrage 2
- Écran de démarrage 3
- Carrousel de soda fruité
- Bottom tab bar 1
- Bottom tab bar 2
- Écran de match BoumBoum
Description
Présentation
Ce projet est une vitrine personnelle dédiée aux animations avancées en React Native. L'objectif : prendre des animations conçues sur Figma ou présentées dans des vidéos de design, et les reproduire fidèlement en code, fluides, performantes, pixel-perfect.
Chaque animation est implémentée avec Reanimated 3 et React Native Skia. Reanimated pour tout ce qui est gestuel et temporel (transitions, interpolations, gestes), Skia pour les effets graphiques 2D qui dépassent les capacités du moteur de rendu natif standard (dégradés, formes custom, effets visuels).
C'est le projet qui illustre le mieux mon positionnement : transformer un intent design en expérience mobile immersive.Détails techniques
À propos de moi
Je suis développeur React Native freelance, spécialisé dans les interfaces mobiles animées. Ce qui me définit techniquement, c'est l'intersection entre la logique et le visuel : j'aime autant résoudre des problèmes d'architecture complexes que donner vie à des animations qui sortent de l'ordinaire.
Les animations sont devenues mon terrain de prédilection précisément parce qu'elles combinent rigueur technique et exigence visuelle. Reproduire fidèlement un design Figma en code, synchroniser des gestes avec des animations sur le thread UI natif, créer une expérience qui semble naturelle pour l'utilisateur : c'est ce type de défi qui me motive.
Déterminé et rigoureux, je m'implique pleinement sur chaque projet, de l'architecture au résultat final.
Ma stack
Mes outils de travail
Travaillons ensemble !
Vous avez un projet mobile ou web, ou souhaitez enrichir votre application avec des animations avancées ? Remplissez le formulaire ci-dessous pour me donner un aperçu de votre projet. Je vous recontacte rapidement pour en discuter.