Epsor

Une application cross-platform livrée en moins de six mois

Architecture et mise en production de Tuttim sur le Web, iOS et Android à partir d’une base de code Expo et TypeScript partagée.

Contexte

L'équipe d'Epsor avait un besoin urgent de delivery avec un transmission rapide des nouvelles fonctionnalités aux utilisateurs. Ainsi que d'une application Tuttim devait être conçu puis lancé sur trois plateformes tout en conservant une architecture maintenable et une vitesse de livraison élevée. L'objectif était de répondre rapidement aux besoins des utilisateurs tout en garantissant la qualité et la pérennité de l'application.

Responsabilités

Piloter l’architecture frontend Web, iOS et Android.
Arbitrer entre vitesse de livraison, maintenabilité et contraintes produit.
Collaborer avec les équipes Produit, Design et Backend.
Accompagner les équipes dans l’adoption design system et des bonnes pratiques de développement cross-platform.

Problèmes adressés et solutions apportées

Architecture et mise en production cross-platform

Problème: Il fallait concevoir et lancer une application sur Web, iOS et Android en moins de six mois tout en maintenant une architecture propre et scalable.
Solution: Après avoir réfléchi à l'architecture avec le Head of engineering, j'ai mis en place cette architecture Expo/TypeScript partagée, un design system scalable via unistyle et une CI/CD complète avec tests unitaires, d’intégration et end-to-end.
Effet: L'application a été livrée sur les trois plateformes en moins de six mois, avec plus de 8 000 utilisateurs après le lancement.

Design system scalable via Unistyle

Problème: Il fallait créer un design system qui soit à la fois maintenable et extensible pour les trois plateformes.
Solution: J'ai conçu seul un design system scalable en utilisant Unistyle, via un S3 appelé depuis l'api Back, permettant de partager les composants et les styles entre le Web, iOS et Android.
Effet: Le design system a permis de maintenir une cohérence visuelle et de réduire le temps de développement des nouvelles fonctionnalités sur toutes les plateformes.

Authentification multi-tenant avec Keycloak/OIDC

Problème: Il fallait mettre en place une authentification sécurisée et multi-tenant pour l'application.
Solution: J'ai intégré avec l'aide du Head of engineering le Keycloak avec OIDC pour gérer l'authentification multi-tenant, en assurant la sécurité et la séparation des données entre les différents tenants.
Effet: L'authentification multi-tenant a été mise en place avec succès, garantissant la sécurité et la gestion efficace des utilisateurs pour chaque tenant.

Structuration des composants pour l’ajout rapide de fonctionnalités

Problème: Il fallait structurer les composants de manière à pouvoir ajouter rapidement de nouvelles fonctionnalités sans dégrader l'architecture existante.
Solution: J'ai mis en place une architecture modulaire avec des composants réutilisables et bien encapsulés, facilitant l'ajout de nouvelles fonctionnalités tout en maintenant la cohérence et la qualité du code.
Effet: La structuration des composants a permis d'ajouter rapidement de nouvelles fonctionnalités tout en conservant une architecture propre et scalable.

Epsor

Problème: Leur application Espor avait besoin de délivrer des fonctionnalités et de régler des bugs.
Solution: J'ai travaillé sur l'implémentation de nouvelles fonctionnalités et la correction de bugs existants, en collaboration avec les différentes squads et reviews de code.
Effet: L'application Epsor a pu délivrer de nouvelles fonctionnalités de manière efficace tout en maintenant une qualité de code élevée et en réduisant le nombre de bugs.

Technologies

Expo
TypeScript
Node.js
Keycloak / OIDC
Kubernetes
CI/CD
Unistyle
Value engineering
Next.js
SSR

Résultats

De l’architecture à la production: < 6 mois
Utilisateurs après le lancement: 8 000+
Plateformes : Web, iOS et Android: 3