Progress Admin — Template Dashboard HTML CSS JavaScript, 25 pages, graphiques sans librairie, mode sombre, code commenté en français

ESSAYEZ AVANT D'ACHETER — la démonstration complète est en ligne :
progress-admin.vercel.app

Les 25 pages, les graphiques, le thème sombre, le tableau de données : tout est
cliquable, sans inscription.

━━━━━━━━━━━━━━━━━━━━

Un modèle de tableau de bord professionnel, en HTML, CSS et JavaScript.
Aucune dépendance, aucune compilation, aucun abonnement.

Décompressez l'archive, double-cliquez sur `index.html`, et tout fonctionne —
graphiques compris. Pas de `npm install`, pas de Node, pas de clé d'API, rien à
configurer.

━━━━━━━━━━━━━━━━━━━━

CE QUE VOUS RECEVEZ

• 25 pages HTML prêtes à l'emploi
• 7 types de graphiques en SVG, écrits à la main
• 102 icônes dessinées sur mesure
• Thème clair, sombre et automatique
• 6 couleurs d'accent interchangeables
• Une feuille de style de 2 400 lignes, entièrement commentée
• Une documentation intégrée, dans le modèle lui-même
• Une licence commerciale : projets clients autorisés

━━━━━━━━━━━━━━━━━━━━

LES 25 PAGES

Tableaux de bord
Vue générale · E-commerce · Abonnements (revenu récurrent, attrition, cohortes)

Gestion
Commandes avec tableau de données complet · Catalogue produits en grille ou en
liste · Fichier clients · Facture prête à imprimer

Applications
Tableau kanban avec glisser-déposer · Agenda mensuel · Messagerie · Boîte mail

Compte
Profil · Réglages en six onglets · Grille tarifaire

Bibliothèque
Composants · Formulaires · Tableaux · Graphiques · Icônes

Accès
Connexion · Inscription · Mot de passe oublié · Erreur 404

Pour démarrer
Une page vierge à dupliquer · La documentation complète

━━━━━━━━━━━━━━━━━━━━

LES GRAPHIQUES, SANS LIBRAIRIE

Aire, barres verticales, barres horizontales, anneau, mini-courbe, jauge
circulaire, carte de chaleur.

Avec infobulles au survol, légende cliquable pour masquer une série, animation
de tracé, graduations arrondies, et redessin automatique : au
redimensionnement, au changement de thème, et quand un onglet masqué s'ouvre.

Pas de Chart.js. Pas d'ApexCharts. Pas de D3. Un seul fichier de 950 lignes que
vous pouvez lire et modifier. Rien à charger depuis un serveur extérieur, rien
qui casse à la prochaine mise à jour d'une librairie.

━━━━━━━━━━━━━━━━━━━━

LE TABLEAU DE DONNÉES

Recherche instantanée, filtres par colonne, tri sur texte, nombre ou date,
pagination à fenêtre glissante, sélection multiple avec barre d'actions, état
vide soigné.

Tout s'active par des attributs HTML, sur un tableau ordinaire :

<div data-table data-page-size="12">
<input data-table-search>
<th data-sort data-type="number">Total</th>

Aucune configuration JavaScript à écrire.

━━━━━━━━━━━━━━━━━━━━

CE QUI CHANGE PAR RAPPORT AUX AUTRES MODÈLES

→ Le menu se modifie dans UN SEUL endroit, pas dans 25 fichiers HTML.
La barre latérale et l'en-tête sont générés : vous éditez un objet
JavaScript de quinze lignes.

→ Le code est commenté en français, et les commentaires expliquent POURQUOI,
pas seulement quoi. Chaque fichier commence par un sommaire numéroté.

→ Les couleurs sont des variables CSS réunies au même endroit. Changez une
ligne, toute l'interface suit, mode sombre compris.

→ Aucune donnée écrite en dur. Toutes les valeurs viennent d'un seul fichier,
prévu pour être remplacé par vos propres appels.

→ Accessibilité réelle : navigation au clavier, lien d'évitement, libellés sur
chaque contrôle, respect de « réduire les animations ».

━━━━━━━━━━━━━━━━━━━━

POUR QUI ?

• Développeur indépendant qui livre un espace client ou un outil interne
• Agence qui veut une base propre au lieu de repartir de zéro
• Créateur d'application sur abonnement qui a besoin d'une interface tout de suite
• Étudiant ou autodidacte qui veut lire du code bien écrit et commenté
• Toute personne lassée d'un modèle Bootstrap qui exige trois outils de
compilation avant d'afficher un bouton

━━━━━━━━━━━━━━━━━━━━

COMPATIBILITÉ

Chrome, Edge, Firefox et Safari récents. Adaptatif de 320 à 2 560 pixels.
S'intègre dans n'importe quel environnement — Django, Rails, Laravel, Symfony,
React, Vue, WordPress — puisque la feuille de style est indépendante du HTML.

Mise en ligne sur n'importe quel hébergement, y compris les offres gratuites :
ce sont des fichiers statiques.

━━━━━━━━━━━━━━━━━━━━

LICENCE

Vous pouvez l'utiliser dans un nombre illimité de projets, personnels comme
commerciaux, pour vous ou pour vos clients, et le modifier autant que vous
voulez. Aucune mention d'origine n'est exigée.

La seule limite : ne revendez pas le modèle lui-même comme gabarit ou thème.
Vendez ce que vous construisez avec.

━━━━━━━━━━━━━━━━━━━━

TÉLÉCHARGEMENT IMMÉDIAT

Un fichier ZIP de 152 Ko, disponible dès le paiement validé. Aucun envoi
postal, aucune attente.

Démonstration en ligne : progress-admin.vercel.app

Une question avant ou après l'achat ? Écrivez-moi par la messagerie Etsy, je
réponds en français.

━━━━━━━━━━━━━━━━━━━━

Du même atelier : « Apprendre à coder un site web moderne », le manuel de
232 pages qui enseigne le HTML, le CSS et le JavaScript utilisés dans ce modèle.