Application mobile

Resotic (CerFrance Connect) – Application mobile facturation et gestion

CerFrance Connect est l’application mobile Resotic pour les professionnels et les cabinets : facturation (factures, devis, bons de livraison, avoirs), gestion des clients et des articles, suivi des paiements et pièces jointes. Livrable : app Expo/React Native (iOS, Android, web), design system, API générée (OpenAPI), intégration Stripe et authentification OAuth.

CerFrance / Resotic
Resotic (CerFrance Connect) – Application mobile facturation et gestion

Le projet couvre une application mobile cross‑platform (Expo / React Native) destinée aux utilisateurs de l’écosystème CerFrance Connect. L’objectif est d’offrir une expérience native de gestion du quotidien (facturation, clients, documents) tout en restant aligné avec l’API et les règles métier du backend Resotic.

L’application (CerFrance Connect)

L’app est construite avec Expo et le routeur file-based (expo-router). Elle permet de consulter et gérer les documents (factures, devis, bons de livraison, avoirs), les clients, les articles, et d’accéder à un tableau de bord (cartes, statistiques, carte clients). La création de factures et de livraisons, l’ajout de clients ou d’articles sont accessibles depuis des actions rapides sur l’écran d’accueil. Chaque document dispose d’une fiche détaillée avec onglets (Détails / Aperçu), d’un menu d’actions (émettre, avoir, gestion des paiements, etc.) et, pour les factures, d’un bloc paiements (liste, ajout, suppression, solde restant) et d’un bloc pièces jointes (liste, upload). L’authentification repose sur des tokens (JWT) persistés (Zustand + MMKV), avec renouvellement automatique ; les appels API passent par un client généré à partir d’un spec OpenAPI filtré (Zodios).

Stack technique et livrables

Pour éviter les dérives de coûts et garder une base maintenable, l’API est consommée via un client généré (openapi-zod-client) à partir d’un Swagger filtré (facturier, paiements, pièces jointes, paramétrage, etc.). La couche métier est organisée en modules (documents, documentPayments, documentAttachments, client, dashboard, payment, stripe, notifications, import, fiscalArchives…) avec entités, adapteurs DTO ↔ entity, services, hooks React Query et composants dédiés. Un design system partagé (composants, thème, cartes type DocumentDetailCardSection) assure la cohérence visuelle et l’alignement avec les maquettes. Les écrans et flux critiques sont couverts par des tests (Jest, Testing Library) et des seuils de couverture sont configurés. La monétisation et les paiements en ligne sont gérés via Stripe ; l’app supporte plusieurs variantes (CFC, EFAC) selon l’environnement de déploiement.

Livrable principal : une application Expo prête pour les stores (iOS, Android) et le web, avec gestion des paiements et des pièces jointes sur les documents, design system réutilisable et base de code testée et typée (TypeScript).