Atlas
A comprehensive personal finance management application that helps users take control of their money with expense tracking, income management, savings goals, recurring expense monitoring, and detailed financial reports.
Overview
The Challenge
Managing personal finances is overwhelming. People struggle to track where their money goes, savings goals feel impossible to reach, recurring subscriptions drain accounts unnoticed, and budgeting apps are either too complicated or too simplistic to be useful.
Atlas was built to solve this exact problem — a beautiful, intuitive personal finance app that makes money management effortless. Track every expense with custom categories, monitor multiple income streams, set and achieve savings goals with visual progress tracking, and never miss a recurring payment again.
The app goes beyond basic tracking with comprehensive financial reports — see spending patterns by category, compare income vs expenses over time, analyze monthly trends, and get actionable insights to improve your financial health. All wrapped in a clean, modern interface that works seamlessly across devices.
Timeline
2 months
Role
Full-Stack Developer & Designer
Tech Stack
- • React
- • Tailwind CSS
- • Supabase
- • PostgreSQL
- • Chart.js
App Type
Personal Finance Web App
Features
Everything You Need to Manage Your Money
From daily expense tracking to long-term financial planning — all the tools you need in one beautiful interface.
Expense Tracking
Log expenses instantly with custom categories, tags, and notes. Track where every dollar goes with detailed transaction history.
Income Management
Monitor multiple income sources — salary, freelance work, investments. See your total earnings and track payment schedules.
Savings Goals
Set financial targets and watch progress in real-time. Visual indicators show how close you are to reaching each goal.
Recurring Expenses
Never forget subscriptions or bills again. Track all recurring payments and get notified before they're due.
Financial Reports
Comprehensive charts and graphs showing spending patterns, income vs expenses, category breakdowns, and monthly trends.
Budget Planning
Set monthly budgets by category and get alerts when you're approaching limits. Stay on track with visual indicators.
Dashboard
Your Financial Overview at a Glance
A clean, intuitive dashboard showing your complete financial picture — balances, recent transactions, and quick actions all in one place.
Financial Management
Track Every Dollar
Detailed views for expenses, income, and savings — helping you understand and control your financial life.
Reports & Analytics
Understand Your Financial Patterns
Visualize your spending habits, income trends, and category breakdowns with comprehensive charts and reports.
Technical Stack
Built with Modern Technologies
React
Component-based architecture for a fast, responsive user interface with smooth interactions.
Supabase
Real-time database, authentication, and API — secure backend infrastructure with PostgreSQL.
Tailwind CSS
Utility-first styling for a beautiful, consistent design system across all screens.
Chart.js
Interactive charts and graphs for visualizing financial data and spending trends.
Impact
Take Control of Your Finances
Atlas makes personal finance management simple, beautiful, and effective.
Complete
Expense Tracking
Real-Time
Financial Reports
Savings
Goal Progress
Recurring
Payment Alerts
Engineering Challenges
Design choices behind the build
Quick add — expense entry in under 5 seconds
Solution · Single-input quick-add with smart parsing (e.g. "12.50 lunch" → amount + auto-categorised). Default category from history. Submit on Enter. The whole flow lives behind one keystroke.
Outcome · I actually log expenses daily instead of monthly batches that drift from reality. App stays useful instead of dying after week 2.
Smart categorisation that learns from history
Solution · Simple frequency table per merchant string + fallback to keyword rules. Wrong category = one tap to correct, which updates the rule. No heavy ML model required.
Outcome · After 2 weeks of corrections, the categoriser is right ~90% of the time on new transactions — the friction-removal target was hit without infrastructure cost.
Visual analytics that motivate, not depress
Solution · Most personal-finance UIs lead with red and "over budget" — that disengages users. I lead with progress (savings goals, percent complete), use red sparingly, and surface a "wins this month" call-out.
Outcome · I open the app to celebrate, not to be scolded. Motivational design = repeat opens = the app actually works.
Building a consumer app?
I take on senior contract work for consumer-facing products where UX details and daily-engagement design matter.