Mobile Application
Expense Manager
A React Native expense tracking app with budgets, history, and a polished multi-screen mobile experience.
Overview
Expense Manager is a personal finance mobile app that helps users track daily spending, set monthly budgets, and review transaction history. Built with React Native Expo, it demonstrates production-quality mobile UX-including empty states, success feedback, and a cohesive visual system across 10+ screens.
What I did
App shell & navigation
Structured the app with a splash screen, tab/stack navigation, and consistent header patterns so users always know where they are and how to get back.
Auth flows
Built login and signup screens with input validation and transitions into the main app-handling the authenticated vs. unauthenticated state across all routes.
Dashboard & spending overview
Designed the dashboard as the home screen showing spending summaries and quick actions, giving users an at-a-glance view of their financial activity.
Expense creation flow
Implemented the create-expense screen with category selection, amount input, and a success confirmation state-covering the full add-transaction loop.
Budget management
Built budget screens with both empty and populated states, so users can set spending limits and see progress without hitting dead-end UI when no budget exists yet.
History & profile
Added expense history with filterable lists and a profile screen for account settings-completing the core loop of track → review → manage.
Key features
- Dashboard with spending overview
- Budget tracking and empty states
- Expense creation and history
- Auth and profile flows
Gallery
