Aller au contenu
Alae Berrada
Menu
Illustration abstraite haut de gamme : fond obsidienne, halos fuchsia/cyan, grille fine et sparkline décorative.

PulseMetrics — Mini dashboard rapide

Une seule page avec trois KPI cards animées (entrées douces, hover subtil) et un sparkline SVG pur (aucune librairie chart). Interface sombre élégante, lisible et performante.

Demo

MRR
€24.8k
+6.3%
Mise à jour récente.
DAU
12,430
+3.1%
Mise à jour récente.
Conversion
4.7%
+0.4pt
Mise à jour récente.

Fonctionnalités

  • 3 KPI cards animées avec framer-motion léger.
  • Sparkline SVG pur : path, gradient et points, sans dépendances.
  • Interface sombre élégante, coins 2xl, halos subtils.
  • Ultra-rapide et 100% front (données mockées).

Tech & Architecture

  • Next.js 14, TypeScript, Tailwind.
  • Composants maison : KPIGrid et MiniChart (SVG pur).
  • Animations subtiles via framer-motion (faible empreinte).

UX & Accessibilité

  • Libellés ARIA pour le graphe (titre/description) et alternatives textuelles.
  • Contrastes élevés, focus rings visibles, animations non intrusives.
  • Navigation clavier-friendly.

Limites & pistes

  • Données statiques (mock) — pas de temps réel.
  • Pas de zoom/pan sur le graphe (choix simplicité/perf).
  • Pistes : live refresh, tooltips, séries multiples.