démo · CRM + suivi du MRR

Le revenu récurrent,
lisible d'un coup d'œil.

Un CRM de démonstration : clients, pipeline, et de vraies analytics de MRR — waterfall, ARPU, LTV, churn, projection. Zéro dépendance, tout dessiné à la main en vanilla.

Ouvrir la démo → Voir le code
Données 100 % fictives · codé main par MatgordFR
MRR — revenu mensuel récurrent
1 380 €
▲ 15,0 % ce mois
102,5 %rétention (NRR)
▲ 15 %MRR ce mois
ce que ça montre

Cinq vues, un seul objectif : voir clair.

Du portefeuille client jusqu'aux métriques qu'un investisseur regarde — sans quitter la page.

Tableau de bord

KPIs (MRR, ARR, churn), courbe de MRR avec tooltip au survol, top clients, activité.

Clients

Table triable, recherche instantanée, et une fiche client qui glisse au clic.

Deals

Pipeline en kanban, du premier lead jusqu'au deal gagné ou perdu.

Revenus

MRR décomposé, waterfall new/expansion/contraction/churn, métriques SaaS.

Prévisions

Projection du MRR sur 6 mois selon la tendance, hypothèses affichées.

Thèmes & détails

Clair et sombre, animations, responsive, accessible au clavier.

les chiffres qui comptent

Les métriques que regarde un investisseur.

Pas juste un total de revenus — les indicateurs qui disent si la machine tient.

ARPU
Revenu moyen par client
Le MRR rapporté au nombre de clients actifs.
LTV
Valeur vie client
Combien rapporte un client sur sa durée de vie estimée.
Quick Ratio
Vitesse de croissance
Ce qui rentre (new+expansion) sur ce qui sort (churn).
NRR
Rétention nette
Le revenu retenu sur la base existante, churn déduit.
sous le capot

Zéro dépendance. Que du vanilla.

Pas de framework, pas de librairie de graphes, pas de CDN. Les courbes, barres et le waterfall sont dessinés à la main en SVG.

0 dépendance0 CDNSVG dessiné à la main thèmes clair / sombreanimations + reduced-motion responsiveaccessible clavier2 polices auto-hébergées
0
dépendance externe
0
vues interactives
0
métriques SaaS
0
vanilla JS
M
l'auteur

Moi c'est Matéo.

Dev indépendant — je bricole des bots Discord, des sites et des trucs avec l'IA. Ce CRM, je l'ai codé de A à Z, sans framework, juste pour montrer ce que je sais faire. Tout ce que tu vois là est fait main : les graphiques, les animations, la mise en page. Zéro générateur.

GitHub X @matgordfr matgord.com

Ouvre la démo.

Clique, trie, filtre, change de thème, survole la courbe. Tout tourne dans ton navigateur.

Ouvrir la démo → Voir le code sur GitHub