Trexpenser
Personal Expense & Savings Tracker
Trexpenser is a personal finance web app that helps users track income, expenses, and savings goals with clarity and control.
Category
Web Application
Year
2024
Status
Completed
Overview
Trexpenser is a personal expense and savings tracking application built to solve a common problem: people know they earn money, but don’t know where it goes. Instead of overwhelming users with complex accounting rules, the app focuses on simple money flow, flexible savings logic, and real-time feedback. It is designed for everyday users who want control over their finances without spreadsheets or finance jargon.
The Problem
Most expense trackers are either too simple or too complex, making them hard to sustain long-term.
- Users don’t consistently track income and expenses
- Savings goals feel abstract and difficult to maintain
- Many financial apps enforce rigid rules that don’t reflect real-life behavior
The Solution
Trexpenser combines flexibility with structure to guide users without controlling them.
- Explicit separation between income and expenses
- Manual and automatic savings options
- Savings progress calculated from real activity
- Clear visual feedback using charts and summaries
Core Features
Income & Expense Management
- • Single form for adding transactions
- • Users select whether an entry is income or expenditure
- • Clear categorization for spending analysis
- • Real-time updates to totals and balances
Savings Goals System
- • Multiple savings goals supported
- • Manual savings method (user-controlled deposits)
- • Automatic savings method (percentage deducted from every income)
- • No initial deposit required for automatic savings
Visual Insights
- • Charts for income vs expenses
- • Savings progress visualization
- • Focus on clarity over financial complexity
- • Quick financial health assessment at a glance
Authentication & User Data
- • Secure authentication system
- • Row level security
- • User-specific data isolation
- • Expenses, savings, and records scoped per user
UX Strategy
"No rigid budgeting rules"
The app reflects real spending behavior instead of enforcing idealized budgets.
"Manual savings progress calculation"
Improves transparency and helps users understand how their actions affect savings.
"Limit on active savings goals"
Prevents over-planning and encourages realistic financial focus.
"Mobile-first layout"
Designed for frequent daily use, not occasional financial reviews.
Tech Stack
frontend
styling
stateManagement
backend
dataVisualization
deployment
Key Learnings
- → Managing real-time Firestore queries efficiently
- → Handling Firestore Timestamp to JavaScript Date conversion
- → Designing flexible savings logic that feels natural
- → Structuring application state for scalability