ÉTUDE DE CAS · FULL STACK
Tableau de bord réseaux sociaux
Un tableau de bord analytique en temps réel qui réunit les métriques d'Instagram, TikTok, LinkedIn et X dans une vue en direct, avec des rapports à partager.
- RÔLE
- Développeur full-stack
- DURÉE
- 9 semaines
- ÉQUIPE
- En solo
- PLATEFORME
- Application web
IDENTITÉ PRODUIT
signal
Un signal clair.
01 · APERÇU
Aperçu du projet
TEMPS DE DÉVELOPPEMENT
9 semaines
Du prototype au premier client agence
TAILLE DE L'ÉQUIPE
En solo
Frontend, backend, intégrations
RÉSULTAT CLÉ
Mises à jour < 1 s
Métriques en direct via WebSockets
LE PROBLÈME
Les équipes social media exportaient chaque lundi des CSV de quatre plateformes et les assemblaient dans des tableurs : les rapports avaient une semaine avant même d'être lus.
L'APPROCHE
Signal connecte chaque plateforme une seule fois, normalise leurs métriques dans un schéma unique et pousse les changements vers chaque tableau de bord ouvert via WebSockets, pour des chiffres toujours à jour.
6 h
gagnées par équipe chaque semaine
< 1 s
entre l'événement et le tableau de bord
4
plateformes réunies dans un seul schéma
02 · FONCTIONNALITÉS
Ce qu'il fait
Analytique unifiée
Abonnés, portée et engagement de toutes les plateformes dans une seule vue.
Métriques en temps réel
Les chiffres se mettent à jour en direct via WebSockets, sans rechargement.
Rapports planifiés
Synthèses hebdomadaires en PDF et par e-mail envoyées automatiquement.
Performance des posts
Classez les posts par portée, sauvegardes et taux d'engagement.
Rôles d'équipe
Admins, éditeurs et clients voient chacun ce dont ils ont besoin.
Export CSV et PDF
Un clic pour partager un rapport en dehors de l'application.
03 · PROCESSUS
Comment il a été conçu
SEMAINE 1
Découvrir
Participation à trois réunions de reporting hebdomadaires pour voir ce que les équipes lisaient vraiment.
- Inventaire des métriques
- Liste des rapports souhaités
SEMAINE 2–3
Concevoir
Mise en page du tableau de bord, système de graphiques et modèles de rapport.
- Prototype Figma
- Bibliothèque de graphiques
SEMAINE 4–8
Développer
Connecteurs de plateformes, schéma de métriques, serveur de sockets et tableau de bord React.
- Application web
- 4 connecteurs
SEMAINE 9
Lancer
Intégration de la première agence et de ses 12 comptes clients.
- Premier client
- Page de statut
04 · STACK TECHNIQUE
Technologies
FRONTEND
- React
- Recharts
- Tailwind CSS
BACKEND
- Node.js
- Express
- Socket.io
DONNÉES
- PostgreSQL
- Redis
- BullMQ
INTÉGRATIONS
- Meta Graph API
- TikTok API
- LinkedIn API
ARCHITECTURE
Tableau de bord Signal
React + Recharts
Node + Socket.io
Métriques, salons, auth
API des plateformes
IG, TikTok, LinkedIn
PostgreSQL
Métriques normalisées
Redis + BullMQ
Jobs de sync, pub/sub
05 · ENSEIGNEMENTS
Défis et enseignements
Limites des API
DÉFI
Interroger chaque compte atteignait les limites des API en moins d'une heure.
RÉSULTAT
Des webhooks quand c'était possible et des jobs BullMQ échelonnés sont restés sous toutes les limites.
Des métriques au sens variable
DÉFI
Portée et impressions ne veulent pas dire la même chose d'une plateforme à l'autre.
RÉSULTAT
Un schéma normalisé, avec les définitions de chaque plateforme affichées en infobulle.
Ce projet vous intéresse ?
Je vous présente volontiers le code, les choix qui l'ont guidé ou la façon dont une solution similaire pourrait servir votre équipe.