Une application iOS et Android pour l’association Franco-Turque de Charleville-Mézières : rapprocher les adhérents, les familles et les responsables, en français et en turc.
Mon rôle
Développement de l’application React Native, des services et de l’administration, puis maintenance et évolutions dans la durée.
La vie associative dans l’app iOS.Cliquer sur les captures pour agrandir
Feuilletons ensemble
Une idée. Tout un parcours.
Fais défiler pour découvrir ce qui se passe à l’intérieur.
L’espace adhérent · Les événements de l’association
01 / 03La vie associative
L’association à portée de main.
Ktib réunit les informations et les services de l’association dans un espace mobile commun. Les adhérents retrouvent leur compte, les actualités et les événements sans multiplier les outils.
Consulter les actualités, les événements et échanger par messagerie.
Retrouver une interface en français ou en turc sur iOS et Android.
L’espace adhérent · Les événements de l’association
02 / 03Connecter les services
Cotiser. Donner. Participer.
L’application est reliée à une API et à un espace d’administration. Les parcours de cotisation et de don s’appuient sur Stripe ; les responsables disposent d’outils pour suivre les adhérents et les paiements.
Payer sa cotisation et soutenir les projets de l’association par un don.
Relier les parcours mobiles aux données et aux outils de gestion.
Soutenir l’association
03 / 03Faire vivre le produit
Livrer, puis continuer.
Après plusieurs mois de développement, je continue à maintenir Ktib et à faire évoluer ses fonctionnalités. L’espace École donne aux familles accès aux devoirs, aux notes et aux absences de leurs enfants.
Faire évoluer les parcours selon les besoins de l’association et des familles.
Assurer les correctifs de connexion, de notifications et d’interface au fil des versions.
Créé en mai 2025 · maintenance toujours assurée. Les captures montrent l’app iOS avec des données de démonstration.
L’espace École
Du produit au code
Sous la couverture.
Plusieurs mois de développement autour de l’espace adhérent, des cotisations et dons, des événements, de la messagerie et du suivi scolaire. Je continue aujourd’hui la maintenance, les corrections et les évolutions de l’application.
01
Mobile
React Native et TypeScript · une application iOS et Android · français et turc
02
API & données
Express et TypeScript · MongoDB / Mongoose · Redis côté serveur
03
Administration
Next.js et React · gestion des adhérents, des cotisations et des contenus
04
Services
Stripe pour les paiements · Firebase / Notifee pour les notifications · Socket.IO pour la messagerie
Le paiement ne s’arrête pas au mobile
L’API vérifie la signature des webhooks Stripe et traite les événements de paiement. Le statut est suivi côté serveur pour relier les parcours de cotisation et de don aux données de l’adhérent.
Composer avec iOS et Android
Les notifications passent par Firebase Cloud Messaging et Notifee, avec les autorisations propres à chaque plateforme. Les jetons de session sont conservés avec React Native Keychain. Ces intégrations natives font partie du travail de maintenance.
Une application suivie après sa livraison
Le projet continue avec des corrections, des améliorations de l’interface et de nouveaux services. La maintenance accompagne les usages réels de l’association, les évolutions des plateformes et les mises à jour publiées sur les stores.
La stack
React Native
TypeScript
Express
MongoDB
Next.js
Stripe
Firebase
Socket.IO
Redis
Arrêt sur image
Quelques pages de plus.
Clique sur une capture pour explorer les détails.
01L’espace adhérent02Les événements de l’association03Soutenir l’association04L’espace École
Captures de l’interface réelle avec des données de démonstration · version iOS.