Fiche Descriptive Complète : Suivi des Achats Mensuels
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template la4852ine.html
Version 1.0.0
Date de création 25/03/2026
Auteur / Designer Gemini 3 Flash
Type de page Dashboard Personnel / Reporting de dépenses
Objectif principal Visualiser le récapitulatif des achats mensuels et le respect du budget
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template permet de suivre les dépenses mensuelles de manière structurée. Il affiche le budget alloué, le détail des articles achetés (nom, quantité, prix), le total des dépenses et le calcul automatique du reste à charge. Le design est épuré, utilisant des codes couleurs (badges et statuts) pour indiquer la santé financière du mois.
📌 Public cible (Persona)
👤 Particuliers souhaitant gérer leur budget shopping/habillement.
👤 Utilisateurs de solutions de « Personal Finance Management » (PFM).
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5
Framework CSS : CSS Pur (Internal Stylesheet)
Framework JS : Aucun (Statique)
Responsive : Partiel (Conteneur max-width 800px)
📦 Dépendances / Assets
Google Fonts : Non (Utilise les polices système : Segoe UI, Tahoma, Verdana)
Icônes : Aucune
📥 ENTRÉES — CONTENU DYNAMIQUE
⚠️ Variables suggérées pour une injection via moteur de template
# Nom de la variable Type Obligatoire Description
1 month_name str ✅ Oui Nom du mois (ex: « Janvier »)
2 budget_amount float ✅ Oui Montant du budget alloué
3 purchases_list array ✅ Oui Liste des objets (article, qté, prix)
4 total_spent float ✅ Oui Somme totale des achats
5 remaining_balance float ❌ Non Calcul du solde restant
🧱 STRUCTURE DU FICHIER — DOM
la4852ine.html
│
├── 📌
(Styles internes inclus)└── 📌
│
└── 🏗️
├── 🏗️
│ └──
(Titre principal : DÉTAIL DES ACHATS)
│
└── 🏗️
(Composant de mois)
(Grille de données)
,
,
pour les données tabulaires.
├──
│ ├──
(Mois)
│ └── (Badge budget)
│
├──