Kelola Uang (Finance Tracker)
Technologies
Overview
Kelola Uang is a modern personal finance management web application engineered to accurately track, analyze, and control cash inflows and outflows. Built using Next.js 16 (App Router), React 19, and TypeScript 5.8, the project enforces strict end-to-end type safety from the user interface down to database queries.
The backend and data layer leverage Supabase (PostgreSQL) hardened with comprehensive Row Level Security (RLS) policies to guarantee absolute data isolation between users. Authentication is handled via @supabase/ssr using secure httpOnly cookie sessions, multi-layer rate limiting, and transaction idempotency keys to eliminate accidental duplicate entries during network drops.
The platform features an insightful analytics dashboard displaying total balance, 5-month cashflow trends, categorical expenditure breakdowns, and a monthly budget threshold system with proactive alerts (safe, warning, exceeded). Users can also filter transaction history and export financial reports to CSV. Reliability is verified through automated test suites, including unit/integration tests via Node.js Test Runner (tsx) and full user journey End-to-End (E2E) testing powered by Playwright.
Key Features
- Financial Dashboard & 5-Month Cashflow Trends
- Dynamic Monthly Budgeting with Threshold Indicators
- Secure Transaction Logging with Idempotency Keys
- Comprehensive Report Filtering & CSV Export
- Secure Authentication (@supabase/ssr, httpOnly Cookie & Rate Limiting)
- Full Automated Testing Suite (Playwright E2E & tsx Unit/Integration)




