Anthony/spending-dashboards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add standalone spending dashboards (Amazon AU + Uber)

Browse Source 
- Amazon: 9,400 across 565 orders (2021-2026)
- Uber: 7,534 across 559 orders (Eats + Rides)
- Fully self-contained HTML files with embedded data
- Interactive charts, year filtering, searchable tables
This commit is contained in:
Anthony Martin
2026-03-14 12:59:19 +00:00
parent d84291304d
commit 24f05eb313
4 changed files with 599 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
README.md
View File

@@ -1,3 +1,29 @@
# spending-dashboards # Spending Dashboards
Personal spending dashboards — Amazon AU & Uber (standalone HTML) Personal finance tracking dashboards built from real data exports.
## Dashboards
- **[Amazon AU Dashboard](amazon-dashboard.html)** — $19,400 across 565 orders (2021–2026)
- **[Uber Dashboard](uber-dashboard.html)** — $17,534 across 559 orders (Eats + Rides)
## Features
- Fully standalone HTML files (open in any browser, no server needed)
- Interactive year filtering
- Category breakdowns
- Monthly spending charts
- Year-over-year comparisons
- Searchable/sortable transaction tables
- Responsive design
## Data Sources
- **Amazon**: CSV order export from Amazon AU
- **Uber**: Email receipt parsing (Gmail)
## Tech
- [Chart.js](https://www.chartjs.org/) for visualizations
- Pure vanilla JS, no build step
- Single-file HTML with embedded data

235
amazon-dashboard.html Normal file
View File

File diff suppressed because one or more lines are too long

42
index.html Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spending Dashboards</title>
<style>
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0a0a1a;color:#e0e0e0;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}
.wrap{text-align:center;max-width:600px;padding:40px}
h1{font-size:2.5em;margin-bottom:10px}
.sub{color:#666;margin-bottom:40px}
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;padding:30px;width:220px;text-decoration:none;color:#e0e0e0;transition:all .3s}
.card:hover{transform:translateY(-4px);border-color:#FF9900;box-shadow:0 8px 30px rgba(255,153,0,.2)}
.card h2{margin:0 0 8px 0;font-size:1.3em}
.card .icon{font-size:2.5em;margin-bottom:12px}
.amazon h2{color:#FF9900}
.uber h2{color:#06C167}
.card p{color:#888;font-size:.9em;margin:0}
.footer{margin-top:40px;color:#444;font-size:.8em}
</style>
</head>
<body>
<div class="wrap">
<h1>Spending Dashboards</h1>
<p class="sub">Personal finance tracking — built with data exports</p>
<div class="cards">
<a href="amazon-dashboard.html" class="card amazon">
<div class="icon">📦</div>
<h2>Amazon AU</h2>
<p>$19,400 across 565 orders<br>6 years of spending data</p>
</a>
<a href="uber-dashboard.html" class="card uber">
<div class="icon">🚗</div>
<h2>Uber</h2>
<p>$17,534 across 559 orders<br>Eats + Rides breakdown</p>
</a>
</div>
<div class="footer">Built by Hermes AI • Data from email scraping & CSV exports</div>
</div>
</body>
</html>

294
uber-dashboard.html Normal file
View File

File diff suppressed because one or more lines are too long