Fiche Descriptive Complète : Suivi des Achats Mensuels

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template lai555555ne.html

Version 1.0.0

Date de création 25/03/2026

Auteur / Designer Refoia Jeremy Tech (Analyse IA)

Type de page Dashboard de suivi / Rapport de dépenses

Objectif principal Visualiser les dépenses mensuelles par rapport à un budget défini

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template permet de suivre les achats effectués mois par mois. Il affiche une structure claire sous forme de cartes (« Month Cards ») incluant un badge de budget, un tableau détaillé des articles achetés (nom, quantité, prix, total) et un indicateur de reste à charge. Il gère également l’état visuel des mois sans activité (mode désactivé/opaque).

📌 Public cible (Persona)

👤 Particuliers souhaitant gérer leur budget personnel.

👤 Utilisateurs soucieux de leur organisation financière mensuelle.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5

Framework CSS : CSS Pur (Internal Stylesheet)

Framework JS : Aucun (Statique)

Browsers ciblés : Chrome ✅ Firefox ✅ Safari ✅ Edge ✅

Responsive : ✅ Oui (Container max-width 800px avec adaptation fluide)

📦 Dépendances / Assets

Fonts : Segoe UI, Tahoma, Geneva, Verdana (Polices système prioritaires)

Icons : Aucune (Utilisation de caractères spéciaux textuels)

📥 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 monthly_budget float ✅ Oui Montant du budget alloué

3 purchases_list array ✅ Oui Liste des objets {article, qty, price, total}

4 total_expenses float ✅ Oui Somme totale des achats du mois

5 remaining_balance float ❌ Non Calcul du reste en main

🧱 STRUCTURE DU FICHIER — DOM

lai555555ne.html

│

├── 📌 (Styles internes, Meta viewport, Charset UTF-8)

│

└── 📌

│

├── 🏗️

│ ├── 🏗️

: Titre principal

ou accéder aux informations des appareils. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.

Fonctionnel Fonctionnel Toujours activé

L’accès ou le stockage technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.

Préférences Préférences

L’accès ou le stockage technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’internaute.

Statistiques Statistiques

Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques. Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.

Marketing Marketing

L’accès ou le stockage technique est nécessaire pour créer des profils d’internautes afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.

Gérer les options

Gérer les services

Gérer {vendor_count} fournisseurs

En savoir plus sur ces finalités

Voir les préférences

{title}

{title}

{title}

Name: donnees_20260325_145345
SKU: donnees_20260325_145345
Availability: InStock