Pulse, tableau de bord
Un tableau de bord des ventes avec thèmes clair et sombre, tableaux triables, export CSV et graphiques faits main.
Contexte
Pulse affiche les ventes de « Northwind Outdoor », une boutique fictive. Les commandes et les chiffres sont générés à partir d’une graine fixe. L’entreprise est fictive : noms, prix, avis et chiffres sont du contenu de démonstration. Le code, lui, est complet et déployable.
Le défi
Rendre des chiffres lisibles d’un coup d’œil, pour tout le monde, sans charger une bibliothèque de graphiques.
Ce que j’ai fait
- Vue d’ensemble : périodes prédéfinies, indicateurs comparés à la période précédente, chiffre d’affaires, ventes par canal, meilleurs produits.
- Commandes : recherche, filtres de statut, tri, pagination et export CSV des lignes filtrées.
- Graphiques SVG faits main, avec légende, infobulles, couleurs adaptées au daltonisme et un tableau de données pour chacun.
- Statuts signalés par une couleur, une icône et un libellé, jamais la couleur seule.
- Thème clair ou sombre selon l’appareil, mémorisé, sans flash au chargement.
Résultat
Un site Nuxt statique, sans bibliothèque de graphiques. Il suffit de remplacer le fichier de données pour le brancher sur une vraie API.
Un projet comparable en tête ?
Racontez-moi votre projet en quelques lignes. Je vous réponds personnellement, avec des questions ou une première estimation.