BudgetFlow - Adaptable Budget Prediction tool and Planner

BudgetFlow — Dynamic Cash Flow & Short-Term Budgeting BudgetFlow is a modern, client-side personal finance web application designed to bridge the gap between traditional static monthly budgets and dynamic, real-world cash flow timing. By aligning recurring income streams with upcoming bills and expenses, BudgetFlow helps you plan paychecks ahead of time, avoid cash shortfalls, and visualize your future balances. 🌟 Key Features 1. Dynamic Cash Flow & Expense Metrics Equivalent Monthly Rollup: Automatically normalizes diverse income and expense cadences (weekly, bi-weekly, semi-monthly, monthly, annually) into clear monthly totals and net cash flow. Burn Rate Breakdown: Computes the exact cash flow required per day, per week, per month, and per year to keep all recurring liabilities covered. 2. Paycheck Earmarking Ledger Smart Bill Allocation: Solves the timing problem of personal finance by allocating portions of specific paychecks toward upcoming bills before their due dates. Allocation Strategies: Supports automated strategies to ensure high-priority commitments and upcoming bills are funded systematically. 3. Interactive Balance Projections & Charting Timeline Simulation: Uses interactive charts (powered by Chart.js with pan and zoom support) to plot projected account balances into the future. Stream Filtering: Inspect individual cash flow streams or view an aggregated balance trajectory to anticipate balance dips before they happen. 4. Interactive Financial Calendar Visual Schedule: Tracks every scheduled income drop and bill due date on an intuitive calendar view. Flexible Intervals: Switch seamlessly between weekly, bi-weekly, monthly, and multi-month outlooks. 5. Goal & Savings Calculator Target-Based Planning: Model customizable savings strategies to see how different retention targets impact short-term liquidity and long-term wealth accumulation. 🛠️ Architecture & Tech Stack Frontend: Clean, vanilla modern JavaScript (ES6+), HTML5, and CSS3. Styling: Responsive, modern glassmorphism design system built for desktop and mobile browsers. Visualizations: Chart.js paired with chartjs-plugin-zoom and hammerjs for touch-friendly charting. Deployment: Pre-configured for serverless, zero-maintenance static hosting with Firebase Hosting. Privacy-First: Operates directly in the browser without requiring third-party bank credential linking.