Expense Tracker

What is it?

A personal expense tracking application designed for daily use on mobile devices. The app focuses on quick, one-handed operation with a thumb-friendly interface that makes adding transactions effortless.

Track both variable daily transactions and fixed monthly recurring expenses/income in one place. Get instant insights into your financial health with real-time balance calculations and monthly spending analytics.

The app features a beautiful dark-themed UI with subtle gradients and smooth animations. The home page displays your current month's balance at a glance along with recent transaction history, while detailed analytics provide visual breakdowns of spending patterns by category.

Key Features

Quick-add floating form optimized for mobile use - add expenses or income in seconds with large, easy-to-tap inputs positioned for thumb access.

Fixed transactions management for recurring monthly expenses and income like rent, salary, subscriptions, and bills.

Interactive charts with drill-down capabilities - see spending by category and explore individual transactions within each category.

Real-time balance overview showing monthly net position with income and expense breakdowns.

Category management with auto-complete and the ability to create new categories on the fly.

Beautiful, modern dark interface with backdrop blur effects, smooth transitions, and thoughtful visual hierarchy.

Built with

The application is built with Next.js 15 and React 19, leveraging the latest server components and server actions for optimal performance. TypeScript ensures type safety throughout the codebase.

The UI is crafted with Tailwind CSS featuring a custom dark theme with indigo and emerald accent colors. The design system uses shadcn/ui components as a foundation, customized for a cohesive mobile-first experience.

Data persistence is handled by PostgreSQL with Drizzle ORM providing type-safe database operations. Authentication is managed by Better Auth with session-based security.

SWR handles client-side data fetching with intelligent caching and revalidation, ensuring the UI always reflects the latest data while maintaining snappy interactions.