While the source code isn't public for now, you'll find a detailed breakdown of the architecture, decisions, and implementation approach below.
What
A personal expense tracking web app. Dashboard shows summary cards, a donut category chart, a 6-month spending trend, and recent transactions. The expenses page has sortable columns, real-time search, category filters, date range picker, and CSV export. No backend — data persists in localStorage.
Why
...
Features
- Dashboard with summary cards and custom SVG charts (no chart library dependency)
- Add / edit / delete expenses with modal form and live validation
- Real-time search, category pills, and date-range filtering
- CSV export of the current filtered view
- Responsive: sidebar on desktop, tab bar on mobile
Stack
| Layer | Choice | |---|---| | Framework | Next.js 15 (App Router) | | Language | TypeScript | | Styling | Tailwind CSS | | Storage | localStorage | | Charts | Custom SVG |
What I learned
...