📊

Welcome to Budget Advisory

\n Get started by creating your first budget to receive personalized financial advice and recommendations.\n

\n \n Create Your Budget\n \n

\n );\n }\n\n const monthlyIncome = calculateMonthlyIncome(budgetData.income);\n const monthlyExpenses = calculateMonthlyExpenses(budgetData.expenses);\n const monthlyBalance = monthlyIncome - monthlyExpenses;\n const savingsRate = monthlyIncome > 0 ? (monthlyBalance / monthlyIncome) * 100 : 0;\n const expenseBreakdown = calculateExpenseBreakdown(budgetData.expenses);\n const financialHealth = determineFinancialHealth(monthlyBalance, monthlyIncome);\n\n const topExpenseCategories = Object.entries(expenseBreakdown)\n .sort(([,a], [,b]) => b - a)\n .slice(0, 5);\n\n return (\n

\n {/* Header */}\n

Budget Dashboard

\n Last updated: {budgetData.updatedAt ? new Date(budgetData.updatedAt).toLocaleDateString() : 'Today'}\n

\n \n Edit Budget\n \n \n Get Analysis\n \n

\n\n {/* Key Metrics */}\n

\n 💰\n

Monthly Income

{formatCurrency(monthlyIncome)}

\n\n

\n 💸\n

Monthly Expenses

{formatCurrency(monthlyExpenses)}

\n\n

= 0 ? 'bg-green-100' : 'bg-red-100'\n }`}>\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {monthlyBalance >= 0 ? '📈' : '📉'}\n \n

Monthly Balance

= 0 ? 'text-green-600' : 'text-red-600'}`}>\n {formatCurrency(monthlyBalance)}\n

\n\n

\n 🎯\n

Savings Rate

{formatPercentage(savingsRate)}

\n\n {/* Financial Health */}\n

Financial Health

\n Overall Health\n \n {financialHealth}\n \n

\n {financialHealth === 'excellent' && '🌟 Excellent financial position!'}\n {financialHealth === 'good' && '👍 Good financial health'}\n {financialHealth === 'fair' && '⚠️ Room for improvement'}\n {financialHealth === 'poor' && '🚨 Needs attention'}\n {financialHealth === 'critical' && '🆘 Critical situation'}\n

\n\n {/* Expense Breakdown */}\n

Top Expense Categories

\n {topExpenseCategories.map(([category, amount]) => {\n const percentage = monthlyExpenses > 0 ? (amount / monthlyExpenses) * 100 : 0;\n return (\n

\n \n {category.replace('_', ' ')}\n \n \n {formatCurrency(amount)} ({formatPercentage(percentage)})\n \n

\n );\n })}\n

\n\n

Quick Actions

\n \n

\n 🔍\n

Get Detailed Analysis

Receive personalized recommendations

\n \n \n \n

\n ✏️\n

Update Budget

Add or modify income and expenses

\n \n \n \n

\n 🗑️\n

Start Over

Create a new budget from scratch

\n \n

\n\n {/* Summary Stats */}\n

Budget Summary

{budgetData.income.length}

Income Sources

{budgetData.expenses.length}

Expense Items

\n {budgetData.savingsGoal ? formatCurrency(budgetData.savingsGoal) : 'Not Set'}\n

Savings Goal

\n {budgetData.savingsGoal && monthlyBalance > 0 \n ? Math.ceil(budgetData.savingsGoal / monthlyBalance) \n : '∞'\n }\n

Months to Goal

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Benmichaelx/Budget/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]