Skip to content
rezadeskyPublic

About

Modern, secure, offline-first personal finance and expense tracking mobile application built with React Native Expo

Topics

Resources

Stars

72 stars

Watchers

0 watching

Forks

Latest commit

Β 

History

8 Commits

Folders and files

Repository files navigation

πŸ›‘οΈ RSDVault β€” Personal Finance Management

RSDVault Logo

Aplikasi Pengelola Keuangan Pribadi yang Modern, Cepat, dan 100% Offline-First.
Dibangun dengan Expo SDK 58, React Native, dan SQLite.

Expo SDK 58 React Native TypeScript SQLite License


🌟 Tentang RSDVault

RSDVault adalah aplikasi manajemen finansial pribadi yang mengutamakan kecepatan, privasi, dan kesederhanaan. Seluruh data finansial Anda tersimpan aman secara lokal di dalam perangkat tanpa ketergantungan pada server pihak ketiga atau komputasi cloud.

Dengan antarmuka Light Theme Modern (Royal Blue #1D4ED8) yang dirancang presisi, RSDVault memberikan visualisasi yang elegan untuk mencatat arus kas harian, memantau batas anggaran bulanan, serta mengevaluasi kesehatan finansial melalui diagram interaktif.


✨ Fitur Unggulan

1. ⚑ Pencatatan Arus Kas Cepat & Presisi

  • Pencatatan Pemasukan, Pengeluaran, dan Transfer Antar Rekening.
  • Pemisah Ribuan Otomatis (Thousand Separator): Nominal uang terformat seketika saat diketik (misal: Rp 1.500.000).
  • Dukungan Kategori Kustom: Selain kategori standar (Makan & Minum, Transportasi, Belanja, Gaji, Tagihan), pengguna bebas menambahkan kategori sendiri secara fleksibel (Sedekah, Investasi, Renovasi, dll).

2. πŸ“Š Smart Budgeting (Batas Anggaran Bulanan)

  • Tetapkan batas maksimal pengeluaran per kategori.
  • Progress bar interaktif dengan indikator warna (Aman atau Habis/Overbudget).
  • Kalkulasi otomatis sisa anggaran bulan berjalan yang sinkron langsung dengan transaksi nyata.

3. πŸ“ˆ Statistik & Laporan Real-Time

  • Evaluasi visual tren pengeluaran 4 minggu.
  • Category breakdown persentase pengeluaran.
  • Ekspor Dokumen Nyata (.CSV): Ekspor seluruh riwayat transaksi ke format CSV dan langsung buka Share Sheet ponsel (kirim ke WhatsApp, Google Drive, email, atau simpan ke penyimpanan lokal).

4. πŸ‘€ Profil Personal & Foto Kustom

  • Langkah setup awal setelah 4 slide onboarding interaktif.
  • Unggah foto profil langsung dari galeri ponsel (expo-image-picker).
  • Penyesuaian nama, email, profesi, serta target pendapatan bulanan.

5. πŸ”’ 100% Offline, Privat & Aman

  • Didukung oleh SQLite Lokal (finance.db) di perangkat native dengan transparansi in-memory fallback saat dijalankan di web browser.
  • Fitur Backup & Restore Lengkap:
    • Cadangkan Data: Ekspor database ke file .json.
    • Pulihkan Data: Impor kembali file cadangan kapan saja menggunakan Document Picker.

πŸ“± Tampilan Antarmuka (UI/UX)

  • Mobile Viewport Locked: Dirancang khusus dengan navigasi tab bar dinamis yang tidak akan terpotong oleh bilah navigasi bawaan Android (3 tombol / gesture bar) maupun home indicator iOS (useSafeAreaInsets).
  • Sticky / Fixed Headers: Header tetap berada di bagian atas saat halaman di-scroll ke bawah.
  • Tipografi Premium: Menggunakan Google Font Onest untuk kenyamanan membaca angka dan label nominal.

πŸ› οΈ Tech Stack & Dependensi Utama

Teknologi / Pustaka Versi Peran
Expo SDK ~58.0.13 Framework Universal Mobile App
React Native 0.88.0 Mobile Core Engine
Expo Router ~58.0.22 File-based Routing & Navigation
Expo SQLite ~58.0.13 Penyimpanan Database Lokal Offline
Expo Image Picker ~58.0.10 Pemilihan & Pemangkasan Foto Galeri
Expo File System & Sharing ~58.0.9 / ~58.0.18 Generate & Berbagi Dokumen CSV/JSON
Expo Document Picker ~58.0.4 Pemilihan File Cadangan untuk Restore
Moti & Reanimated ^0.30.0 / 4.7.1 Animasi Halus 60 FPS
Lucide React Native ^1.58.0 Ikon Vektor Modern & Minimalis

πŸš€ Panduan Memulai (Instalasi Lokal)

Prasyarat

  • Node.js (versi 18 atau 20+ disarankan)
  • Package manager npm

1. Kloning Repositori

git clone https://github.com/rezadesky/RSDVault.git
cd RSDVault

2. Instalasi Dependensi

npm install

3. Menjalankan Aplikasi

A. Menjalankan di Web Browser

npx expo start --web

B. Menjalankan di Expo Go (Perangkat Fisik)

npx expo start -c

Catatan: Proyek ini menggunakan Expo SDK 58. Pastikan aplikasi Expo Go di Android Anda adalah versi yang mendukung SDK 58 (Download APK Expo Go SDK 58).

C. Menjalankan Debugging Native (USB)

npx expo run:android

πŸ“¦ Build APK Mandiri (EAS Build)

Untuk menghasilkan file installer .apk mandiri yang siap dibagikan dan diinstall di Android:

# 1. Login ke akun Expo
npx eas-cli login

# 2. Build APK Android
npx eas-cli build -p android --profile preview

πŸ“‚ Struktur Direktori Proyek

aplikasimanajemenkeuangan/
β”œβ”€β”€ assets/                  # Icon, Favicon, dan Aset Grafis
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/                 # Layar & Rute Aplikasi (Expo Router)
β”‚   β”‚   β”œβ”€β”€ (tabs)/          # Halaman Tab Navigasi
β”‚   β”‚   β”‚   β”œβ”€β”€ _layout.tsx  # Bottom Navigation Bar dengan Safe Area
β”‚   β”‚   β”‚   β”œβ”€β”€ index.tsx    # Dashboard / Beranda Utama
β”‚   β”‚   β”‚   β”œβ”€β”€ transactions.tsx # Riwayat & Manajemen Transaksi
β”‚   β”‚   β”‚   β”œβ”€β”€ budget.tsx   # Perencanaan Anggaran Bulanan
β”‚   β”‚   β”‚   β”œβ”€β”€ reports.tsx  # Laporan & Statistik Evaluasi
β”‚   β”‚   β”‚   └── profile.tsx  # Profil, Backup, Restore, & Pengaturan
β”‚   β”‚   β”œβ”€β”€ _layout.tsx      # Root Stack Layout
β”‚   β”‚   β”œβ”€β”€ index.tsx        # Splash Screen Interaktif
β”‚   β”‚   β”œβ”€β”€ onboarding.tsx   # 4 Slide Onboarding Perkenalan
β”‚   β”‚   └── setup-profile.tsx # Layar Setup Identitas & Foto Pengguna
β”‚   └── database/
β”‚       └── db.ts            # Schema, SQLite Engine & Model CRUD
β”œβ”€β”€ app.json                 # Konfigurasi Native Expo & Manifest
└── package.json             # Manifest Dependensi Proyek

πŸ‘¨β€πŸ’» Pengembang

Dibuat dengan dedikasi oleh Reza Saputra.


πŸ“„ Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Silakan gunakan dan kembangkan secara bebas untuk kebutuhan edukasi maupun pribadi.

About

Modern, secure, offline-first personal finance and expense tracking mobile application built with React Native Expo

Topics

Resources

Stars

72 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages