Back to flin
flin

Le tableau de bord de la console d'administration

Comment le tableau de bord d'administration de FLIN à /_flin affiche des statistiques en temps réel, des jauges de santé système et des flux d'activité -- construit en une seule session avec du HTML embarqué et des API Rust.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinadmindashboarduireal-time

Le tableau de bord est la porte d'entrée de la console d'administration. C'est la première chose qu'un développeur voit après s'être connecté. S'il montre des données obsolètes ou des valeurs de placeholder, la confiance dans toute la console s'évapore. S'il montre des métriques réelles et en direct sur l'application en cours d'exécution, le développeur comprend immédiatement ce que la console est et ce qu'elle peut faire.

La session 259 a construit le tableau de bord en environ deux heures. Cartes de statistiques montrant le nombre d'entités, de routes et d'enregistrements totaux. Jauges de santé système pour la taille de la base de données et l'utilisation mémoire. Un flux d'activité en temps réel montrant les 20 dernières opérations de base de données. Liens d'action rapide pour sauter aux pages les plus utilisées.

Le tout est alimenté par trois points de terminaison API retournant des données en direct depuis le runtime FLIN. Le design adopte le langage visuel de 0fee.dev : fond slate-900, couleur primaire indigo, cartes arrondies-xl. La console est entièrement responsive avec un mode sombre complet.


Ceci est la partie 137 de la série « Comment nous avons construit FLIN », documentant comment un CEO à Abidjan et un CTO IA ont construit un tableau de bord d'administration en temps réel dans un langage de programmation.

Navigation de la série : - [136] Construire phpMyAdmin pour FLIN - [137] Le tableau de bord de la console d'administration (vous êtes ici) - [138] Navigateur d'entités et opérations CRUD

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

Le Step Zero ne suffisait pas : comment valider un constructeur sans valider le runtime a fait tomber toutes les sessions vocales de Déblo l’heure où nous avons livré le streaming caméra temps réel

La phase 14 a livré Déblo Eyes — streaming caméra temps réel via LiveKit vers Gemini Live native audio. Le premier deploy a fait tomber toutes les sessions vocales en production en quatre-vingt-dix secondes parce que notre Step 0 avait validé le constructeur sans exercer le runtime. Le build log de comment Déblo a eu des yeux, ce qu’un pré-vol incomplet a coûté, et quels points de polish ont été livrés ou reportés.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

Le tiret cadratin qui a tué la production : comment un slogan marketing dans un header HTTP a fait tomber le chat de Déblo pendant 24 heures

Deux jours avant la soumission App Store, tout le produit chat de Déblo s’est cassé silencieusement. Pas de spinner, pas de toast, aucune erreur dans l’UI — juste un silence radio. L’incident de 24 heures se résumait à un seul « é » dans la valeur d’un header HTTP qui levait une UnicodeEncodeError avant qu’aucune requête vers OpenRouter ne quitte le backend. Post-mortem d’une fausse hypothèse, d’une trace Sentry, et d’un fix de six lignes qui a débloqué le lancement.

30 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Six heures, d’une page blanche à la review Apple — Comment nous avons soumis Déblo à l’App Store, en direct

Marche à marche en direct de la soumission de Déblo à l’App Store iOS en six heures : ce que les validateurs d’Apple ont rejeté (un superscript Unicode), ce que nous avons corrigé (un Promotional Text gaspillé sur des marques tierces), et les rouages de l’ASO iOS que presque tout le monde rate.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16