Personal Finance Manager
Responsive React finance tracker — income and expenses, an analytics dashboard, smart filtering and CSV export for budgeting.
Personal Finance Manager is a modern, responsive web application for tracking personal income and expenses. Income can be recorded from predefined sources such as family members or from custom senders the user adds, and expenses are logged by category with descriptions. A dashboard presents total income, total expenses, the resulting balance and the trend at a glance, backed by Recharts visual analytics comparing income against expenses. Transaction history supports filtering by type, by date range and by keyword search, and the whole dataset persists to localStorage so it survives a refresh. Everything can be exported to CSV for external analysis.
Key Features
- Income tracking from predefined and fully custom sources
- Expense logging by category with descriptions
- Dashboard with total income, expenses, balance and trend summary
- Recharts bar charts comparing income against expenses
- Advanced filtering by transaction type, date range and keyword
- Automatic localStorage persistence with full CSV export
- Fully responsive from desktop down to mobile
Repository Topics
Challenges
Making personal budgeting feel simple and trustworthy while still offering genuinely useful analytics and flexible filtering.
Results
A practical everyday finance tool that demonstrates clean React state management, typed data modelling and data visualisation.