09 · 2026
My AfriChat
Plateforme multi-tenant pour embarquer un assistant IA texte + voix sur n'importe quel site web. Workspaces, configuration versionnée par site, chat streaming, TTS / voix realtime (WebRTC), Edge Functions Supabase et validation d'origine — pour ne jamais exposer les secrets côté client. Brique prête pour vitrines, SaaS et support.
- Client
- Mission client
- Rôle
- Frontend & intégration
- Durée
- Produit
- Stack
- React, TypeScript, Supabase, Edge Functions, WebRTC, shadcn/ui
Étude de cas
Widget IA sécurisé multi-sites
- ModesTexte + voix
- ModèleMulti-tenant
- SécuritéOrigin check
Le contexte
Intégrer un assistant IA sur plusieurs sites sans fuite de clés API, avec une config par origine et des modes texte + voix stables. Le widget devait être simple à embarquer mais dur côté sécurité.
L'approche
Architecture multi-tenant (workspaces / sites), secrets côté Edge Functions, origin check, config versionnée, streaming texte et canal voix WebRTC. UI shadcn pour l'admin de config et le widget end-user. Parcours d'intégration documenté (snippet + domaines autorisés).
Le résultat
Une brique déployée capable de servir plusieurs sites avec isolation de config et modes texte/voix. Réutilisable pour support client, vitrine ou onboarding produit.
01 · Problème
Le point de douleur
Un widget IA embarquable devient vite un risque de sécurité si les clés partent côté client — et un cauchemar d'ops si chaque site a sa propre config sauvage.
02 · Cadrage
Ateliers & périmètre
Ateliers rôles (admin workspace / site / end-user), définition du modèle multi-tenant, liste des domaines autorisés et choix Edge Functions pour le proxy LLM.
03 · Conception
Architecture & maquettes
UI admin shadcn, contrat de config versionnée, architecture streaming + WebRTC, schéma Supabase et règles d'origin check.
04 · Développement
Itérations courtes
Intégration chat texte, voix realtime, gestion des erreurs réseau/permissions micro, tests multi-origines.
05 · Mise en production
Bascule maîtrisée
Publication Vercel, validation des snippets d'embed et hardening des headers / CORS.
06 · Solution
Mesure & évolution
Observabilité des sessions voix, itérations latence et UX du widget selon les sites pilotes.
Projets suivants
Ever After Events
Site complet d'agence de mariage livré en 24h lors du Build Together Challenge. Direction artistique « cachet de cire » (bordeaux, or, textures papeterie), storytelling premium et générateur de faire-part personnalisé au-delà du brief. Équipe TeamKiller : Elton, Rosaire Kakpo, Fried Bcv, Janel Guedemey — sections parallélisées, intégration finale et déploiement avant deadline.
AfriCreator
Studio de contenu IA pensé pour les créateurs, équipes et marques africaines / francophones. Une seule interface pour idéation, organisation éditoriale, programmation et publication multi-plateformes — avec pricing en FCFA (4 990 FCFA/mois), onboarding créateur et dashboard insights, pour remplacer le patchwork Notion + Canva + Buffer + Analytics trop cher et trop fragmenté.