ClearBudget

💰 ClearBudget — FinTech Web Template (Budget + Charts + PDF Export + PWA)

ClearBudget is a modern HTML / CSS / JavaScript template built to quickly launch a personal budget tracker with interactive charts, transaction history, PDF export, and 100% local storage (localStorage).

Perfect for a FinTech starter project, a portfolio demo, a micro-SaaS prototype, or a solid base to customize.

✅ Key Features

• 📌 Add transactions: income / expenses
• 👥 Split mode: automatic divide by 2 or 3
• 📋 Separate history lists: expenses and income
• ❌ Delete a transaction (with instant updates)
• 🥧 Pie chart: expense breakdown (Chart.js)
• 📈 Global chart: income vs expenses
• 📄 Full PDF export: summary + detailed lists (jsPDF)
• 🧹 Reset all data button
• 🍪 Cookie banner (stores consent)
• 🌍 FR / EN language switch
• 📱 Responsive layout + modern UI
• ⚡ PWA-friendly (service worker supported if enabled)

📦 What’s Included

• index.html
• style.css
• script.js
• (icons + PWA files if included in your project)
• Clean, editable code

🔧 Quick Setup

1. Download and unzip
2. Open index.html in your browser or deploy to GitHub Pages / Vercel
3. (Optional) Configure:

• your Formspree ID for the contact form
• your Google Analytics ID
• your email / legal pages / links

🔒 Data & Privacy

All transactions are stored locally on the user’s device via localStorage.

➡️ No backend, no login, no database — simple, fast, and private.

⚠️ Disclaimer

This template is for tracking/visualization purposes and is not financial advice.

💰 ClearBudget — Template Web FinTech (Budget + Graphiques + Export PDF + PWA)

ClearBudget est un template moderne en HTML / CSS / JavaScript pour créer rapidement une application de gestion de budget avec graphes interactifs, historique des opérations, export PDF, et stockage 100% en local (localStorage).

Idéal si tu veux lancer un projet FinTech, un mini-produit, une démo portfolio, ou une base solide à personnaliser.

✅ Fonctionnalités principales

• 📌 Ajout d’opérations : revenus / dépenses
• 👥 Mode partage : division automatique par 2 ou 3
• 📋 Historique séparé : dépenses et revenus
• ❌ Suppression d’une opération (avec mise à jour instantanée)
• 🥧 Graphique camembert : répartition des dépenses (Chart.js)
• 📈 Graphique global : revenus vs dépenses
• 📄 Export PDF complet : résumé + détail des revenus/dépenses (jsPDF)
• 🧹 Bouton Réinitialiser toutes les données
• 🍪 Bandeau cookies (stockage consentement)
• 🌍 Switch de langue FR / EN
• 📱 Design responsive + interface moderne
• ⚡ Compatible PWA (service worker inclus si tu l’actives)

📦 Contenu du pack

• index.html
• style.css
• script.js
• (icônes + fichiers PWA si présents dans ton projet)
• Code clair et modifiable

🔧 Installation (simple)

1. Télécharge et dézippe
2. Ouvre index.html dans ton navigateur ou héberge sur GitHub Pages / Vercel
3. (Optionnel) Configure :

• ton Formspree ID pour le formulaire de contact
• ton Google Analytics ID
• ton email / mentions légales / liens

🔒 Données & confidentialité

Les opérations sont enregistrées uniquement sur l’appareil de l’utilisateur (localStorage).

➡️ Aucun back-end, aucun compte, aucune base de données : simple, rapide, privé.

⚠️ Note

Ce template est un outil de gestion/visualisation et ne constitue pas un conseil financier.