Expense Tracker
Track personal expenses by category, set monthly budgets, and visualize spending with summaries and trends.
About this tool
Log daily expenses with amount, description, category, and date. View spending grouped by date, compare category totals, or browse a monthly trend chart. Set per-category budgets with progress bars to see where you stand. Filter by date range and export your data as a CSV file. All data is saved locally in your browser.
How to use
- 1 Step 1: Click 'Add Expense' and fill in the amount, description, category, and date.
- 2 Step 2: Browse your expenses in the List view, grouped by date.
- 3 Step 3: Switch to Summary view to see totals per category with budget progress bars.
- 4 Step 4: Use the date range filter to focus on a specific period, or click 'Export CSV' to download your data.
What an expense tracker does that a budget planner doesn't
A budget planner is forward-looking: it compares planned income against planned costs for a period. An expense tracker is backward-looking and granular — it records each individual transaction as it happens, with a date, amount, category, and note, then lets you slice that history by date range, see where the money actually went, watch a month-by-month trend, and check your real spending against category budgets. In short, a budget is the plan; this is the running log of reality, and the gap between the two is where the insight lives.
The four views
| Tab | What it shows |
|---|---|
| List | Every expense grouped by day, with a per-day subtotal |
| Summary | Spending totalled by category, with progress bars against any budget |
| Monthly Trend | A stacked bar per month showing total and category mix |
| Budgets | Where you set a monthly limit per category |
Each transaction is tagged with one of eight categories — Food, Transport, Entertainment, Shopping, Health, Bills, Education, Other — each with its own colour that carries consistently through every view, so a glance at the trend chart tells you whether a heavy month was driven by Bills (red) or Shopping (pink).
How the numbers are computed
The headline total is just the sum of every visible expense's amount; the date filter narrows what "visible" means by keeping only transactions on or between your chosen start and end dates. The Summary tab adds amounts per category and, where you've set a budget, draws a bar showing spent ÷ budget × 100 — turning amber at 80% and red at 100% so you see an overrun coming. The Monthly Trend groups by the year-month part of each date, scales every month's bar relative to your highest-spending month, and segments each bar by category so the composition is visible, not just the height.
A worked example
Say in one month you log Food $300, Transport $80, and Shopping $260, and you set a Food budget of $300 and a Shopping budget of $200. The Summary shows Food at 300 ÷ 300 = 100% — a full red bar warning you've hit the limit exactly — and Shopping at 260 ÷ 200 = 130%, capped visually at a red full bar with the text "$260.00 of $200.00 budget (130%)". The grand total reads $640. Next month the Trend tab places this month's bar next to others, and because Shopping was unusually high its pink segment visibly dominates that bar.
Use cases
- Finding leaks. Categorised history reveals the small, frequent purchases that quietly add up — the daily coffee, the impulse apps.
- Sticking to limits. The colour-coded budget bars give an early warning before a category blows past its cap.
- Spotting seasonality. The monthly trend exposes patterns — higher Bills in winter, more Entertainment in summer — that a single month hides.
- Tax and reimbursement prep. Filter to a date range and Export CSV to hand clean records to an accountant or expense system.
Tips and common mistakes
- Log promptly. The tool pre-fills today's date and is fastest when you add an expense the moment it happens; reconstructing a week from memory loses the small items that matter most.
- Categorise deliberately. Dumping everything into "Other" defeats the Summary and Trend views. Assign a real category so the colour breakdown means something.
- Set budgets that reflect reality. Base each category limit on your own past months from the Trend tab, not an aspirational guess, or the bars will always be red and you'll start ignoring them.
- Export regularly. Your data lives in this browser's local storage, not on a server — private and persistent on this device, but invisible on another and lost if you clear site data. The CSV export is your portable backup.
Everything stays on your device: expenses and budgets are saved only in your browser's local storage and are never uploaded, so your financial detail remains private.