Kode sumber lengkap · Karya Asli
Setiap rupiah,
setiap transaksi,
tercatat rapi.
Aplikasi keuangan pribadi lengkap — dashboard, saldo multi-akun, anggaran, target tabungan, dana darurat, investasi, hingga laporan bulanan & tahunan — dibangun dengan React 19, TypeScript, dan Supabase. Kloning, ganti brand, langsung rilis.
11
modul aplikasi
7
migrasi SQL, siap jalan
2
akun demo siap pakai (IDR/USD)
0
server backend yang perlu dirawat
Jelajahi antarmuka
klik modul untuk ganti tampilan
Tren arus kas, rincian pengeluaran, dan KPI bulanan sekali lihat.
Rincian fitur
Saldo multi-akun
Bank, e-wallet, kas, dan kartu kredit tercatat terpisah — transfer antar akun tidak menggelembungkan total pemasukan atau pengeluaran.
accounts.ts
Anggaran kebutuhan / keinginan
Anggaran vs realisasi per kategori dengan status Aman / Mendekati Limit / Melebihi Budget, salin dari periode lalu sekali klik.
budgets.ts
Target & dana darurat
Kalkulator setoran bulanan wajib menuju tenggat; target dana darurat otomatis dari pengeluaran bulanan nyata.
goals.ts
Portofolio investasi
Saham, kripto, reksa dana, emas, P2P, dan properti — modal, imbal hasil, dan yield % per posisi.
investments.ts
Laporan bulanan & tahunan
Analitik rasio, grafik tren 12 bulan, perbandingan YoY, ekspor CSV.
reports.ts
Row-Level Security
Setiap tabel terisolasi per pengguna lewat Postgres RLS — tanpa kebocoran data antar-tenant, tanpa server auth kustom.
supabase/
Dibangun dengan
React 19
TypeScript
Vite
Tailwind CSS v4
Supabase (Postgres + Auth + RLS)
TanStack Query
Recharts
Radix / shadcn
Online dalam tiga langkah
panduan lengkap tersedia di unduhan
01
Siapkan Supabase
Proyek baru di Supabase Cloud, jalankan 7 migrasi SQL yang disertakan secara berurutan, opsional muat akun demo.
02
Atur dua env var
VITE_SUPABASE_URL dan VITE_SUPABASE_ANON_KEY — salin langsung dari dashboard Supabase.
03
Impor ke Vercel
Framework preset: Vite. Tempel dua env var. Deploy. Selesai.