< cd ../

Money Management - Aplikasi Keuangan Pribadi React & Supabase

DATE: 2026-09-14
./preview
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase
Money Management - Aplikasi Keuangan Pribadi React & Supabase

💰 Setiap rupiah, setiap transaksi, tercatat rapi.

Money Management adalah aplikasi web keuangan pribadi open-source atau ready-to-use yang dirancang untuk membantu pengguna mengelola, memantau, dan menganalisis aset serta pengeluaran mereka secara profesional. Dibangun menggunakan teknologi modern dengan performa tinggi dan kemudahan deployment.


🚀 Fitur Unggulan

  • Saldo Multi-Akun: Catat terpisah untuk Bank, e-wallet, kas, dan kartu kredit. Transfer antar akun tidak menggelembungkan total pemasukan atau pengeluaran.
  • Anggaran Kebutuhan / Keinginan: Pantau anggaran vs realisasi per kategori dengan status indikator (Aman / Mendekati Limit / Melebihi Budget) serta fitur salin periode lalu sekali klik.
  • Target & Dana Darurat: Kalkulator setoran bulanan wajib menuju tenggat waktu, lengkap dengan perhitungan otomatis dana darurat dari pengeluaran bulanan nyata.
  • Portofolio Investasi: Kelola aset Saham, kripto, reksa dana, emas, P2P, hingga properti dengan pelacakan modal, imbal hasil, dan yield % per posisi.
  • Laporan Bulanan & Tahunan: Analitik rasio keuangan, grafik tren 12 bulan, perbandingan Year-over-Year (YoY), dan fitur ekspor CSV.
  • Keamanan Row-Level Security (RLS): Setiap tabel terisolasi per pengguna lewat Postgres RLS tanpa kebocoran data antar-tenant.

🛠️ Tech Stack

  • Frontend: React 19, Vite, TypeScript, Tailwind CSS v4
  • UI & Charts: Radix UI, Shadcn UI, Recharts, TanStack Query
  • Backend / Database: Supabase (Postgres, Auth, & RLS)

⚡ Cara Instalasi & Deploy (3 Langkah Mudah)

  1. Siapkan Supabase: Buat proyek baru di Supabase Cloud, jalankan 7 migrasi SQL yang disertakan secara berurutan, dan opsional muat akun demo.
  2. Atur Environment Variables: Masukkan variabel VITE_SUPABASE_URL dan VITE_SUPABASE_ANON_KEY dari dashboard Supabase kamu.
  3. Deploy ke Vercel: Gunakan framework preset Vite, tempel env vars di atas, dan deploy dalam sekali klik!

Siap pakai, tanpa biaya backend berulang, dan mudah dikustomisasi ulang.

~ $ e.hary_

© 2026 Eko Haryono > @code.santuy

GitHub TikTok Instagram