PROJECT OVERVIEW
What was built?
A comprehensive personal finance web app enabling users to track multi-category expenses, visualize spending trends via interactive Chart.js graphs, and project future savings.
THE CHALLENGE
Problem Statement
Many expense tracking spreadsheets are hard to navigate on mobile devices and lack real-time visual chart breakdowns.
Engineering Approach & Architecture
Built a mobile-first responsive dashboard with Node.js/MongoDB persistence, Chart.js visualizers, and instant budget alerts.
System Architecture Data Flow
01React Frontend -> State Store & Chart.js Wrapper
02Node.js Backend -> Express REST API Endpoints
03Database Layer -> MongoDB Document Collections
04Export Module -> Client-side CSV/PDF Report Generator
Key Engineering Obstacles
Obstacle: Complex Expense Aggregation & Month-over-Month Comparisons
Wrote optimized MongoDB Aggregation Pipelines to calculate real-time category totals directly inside the database.
Technologies & Tools Used
Core libraries, frameworks, and deployment services.
ReactChart.jsNode.jsMongoDBExpressTailwind