Dashboard Overview

Your BudgetPro dashboard is your financial command centerβ€”everything you need to know about your money at a glance. Let's walk through each section so you know exactly what you're looking at.

πŸ–₯️
The BudgetPro Dashboard - Your Financial Command Center

The dashboard is organized into several key areas:

  • Header β€” Shows your current balance and pay period navigation
  • Stats Cards β€” Quick metrics about your financial health
  • Bills Panel β€” List of upcoming expenses
  • Income Panel β€” Expected money coming in
  • Calendar β€” Visual timeline of your pay period

The Header Section

At the very top of your dashboard, you'll find important information and controls:

Current Balance Display

The large number in the header shows your current account balance. This is the actual money you have right now, before any upcoming bills or income.

πŸ’΅
Example

If your header shows $3,247.50, that means you currently have three thousand two hundred forty-seven dollars and fifty cents in your account.

Pay Period Display

Next to your balance, you'll see the current pay period dates. For example: Nov 15 - Nov 28, 2025. This shows you exactly which time period you're viewing.

Navigation Arrows

Use the β—€ Previous and Next β–Ά buttons to move between pay periods. This lets you:

  • Look ahead to see what bills are coming up
  • Look back to review past pay periods
  • Plan for future expenses

Settings Button βš™οΈ

Click the gear icon to open Settings, where you can adjust your pay period type, change your current balance, set your minimum balance reserve, and more.

Understanding Stats Cards

The colorful cards at the top of your dashboard give you quick insights into your financial health. Let's understand each one:

Your Financial Snapshot
πŸ’³ Unpaid Bills This Period -$847.00
+
πŸ’° Expected Income +$2,100.00
-
πŸ›‘οΈ Minimum Reserve -$500.00
-
πŸ“… Future Period Reserve -$0.00
=
✨ Safe to Spend $2,000.50

Safe Daily Budget (Featured Card)

This is the most important number on your dashboard. It tells you how much you can safely spend each day while still having enough for:

  • All your upcoming bills
  • Your safety net reserve
  • Next pay period's obligations
πŸ’‘
Real-World Example

If your Safe Daily Budget shows $127.50 and there are 8 days left in your pay period, you have about $1,020 total to spend freely. But spreading it as $127/day helps prevent overspending early and running short later.

Period Overview Card

This card shows you the big picture for your current pay period:

  • Bills Total β€” Sum of all unpaid bills due this period
  • Income Expected β€” Sum of all pending income this period
  • Net Change β€” Income minus bills (positive is good!)
  • Reserves β€” Money set aside for protection

Additional Stats

  • End of Period Balance β€” Projected balance at end of pay period
  • Days Remaining β€” Days left in current pay period

Bills Panel

The "Upcoming Bills" panel shows all expenses due within your current pay period. Here's what each column means:

Name
The name of the bill (e.g., "Electric Bill", "Netflix"). Click to edit.
Amount
How much you need to pay. Click to update if the amount changed.
Due Date
When the payment is due. Click to adjust if needed.
Schedule
How often this bill occurs: One-time, Recurring (monthly, weekly, etc.), or Varied.
Status
⏳ Pending = not yet paid, = already paid
ℹ️
What Happens When You Mark a Bill as Paid?

When you toggle a bill from Pending to Paid:

  • The bill is removed from your "unpaid bills" total
  • Your Safe to Spend increases by the bill amount
  • For recurring bills, the next due date is automatically set
  • The payment is recorded in your payment history

Learn more about managing bills β†’

Income Panel

The "Expected Income" panel shows money you're expecting to receive during this pay period. It works just like the Bills panel:

Source
Where the money is coming from (e.g., "Paycheck", "Freelance Project")
Amount
How much you expect to receive
Expected Date
When you expect to receive it
Schedule
How often you receive this income
Status
⏳ Pending = waiting to receive, = money deposited
πŸ’΅
Example: Bi-Weekly Paycheck

Sarah gets paid every other Friday. She adds an income entry:

  • Source: Paycheck - ABC Company
  • Amount: $2,100
  • Schedule: Recurring - Bi-weekly
  • Expected Date: Nov 22

When November 22 arrives and she sees the deposit, she marks it as Received. The next expected date automatically moves to December 6.

Learn more about tracking income β†’

Calendar Panel

The calendar gives you a visual timeline of your pay period. At a glance, you can see:

  • Pay Period Highlight β€” Days in your current pay period have a subtle highlight
  • Today β€” The current date is marked distinctly
  • Bills β€” Shown in orange/red on their due dates
  • Income β€” Shown in green on their expected dates
  • Daily Balance β€” Projected balance at end of each day
πŸ“…
Calendar showing bills (red), income (green), and daily balances
πŸ’‘
Reading the Calendar

The calendar shows your projected balance at the end of each day. Watch for:

  • Green numbers β€” You have money after that day's transactions
  • Red numbers β€” Your balance would go negative (warning!)
  • Clustered bills β€” Multiple bills on the same day need attention

Learn more about using the calendar β†’