👛 Kantongku

Asisten keuangan pribadi yang bikin kamu semangat menabung.

Expo React Native TypeScript Offline First Platform

Catat pemasukan & pengeluaranmu dengan cepat, sisihkan uang otomatis, dan jaga semangat menabung — semua tanpa internet, semua di perangkatmu.


✨ Kenapa Kantongku?

Bukan sekadar buku kas digital. Kantongku adalah asisten keuangan yang:

  • 💸 Auto-sisih otomatis — setiap pemasukan, 10% langsung dikunci ke tabungan sebelum sempat terpakai (pay yourself first)
  • ❤️ Uangmu, Nyawamu! — health bar ala game yang menunjukkan kondisi saldomu: SEHAT 🟢 / WASPADA 🟡 / KRITIS 🔴
  • 🔮 Proyeksi tabungan — estimasi tabungan akhir bulan berdasarkan ritme sisihmu
  • 🎯 Target tabungan — bikin target nyata, lihat progress bar + estimasi selesai
  • 🏅 Badge pencapaian — 8 pencapaian yang bikin kamu balik lagi
  • 🔥 Streak nabung — konsistensi mingguan yang dijaga dengan semangat
  • 📊 Insight otomatis — kategori terboros, tip pola pengeluaran, saldo cukup berapa hari

🛡️ Privasi & Offline

  • 100% offline-first — semua data tersimpan di SQLite lokal perangkatmu
  • Tanpa server, tanpa akun, tanpa internet — data keuanganmu tidak pernah keluar dari HP
  • Backup & restore — export/import file JSON kapan saja

🚀 Menjalankan

# Install dependencies
npm install

# Jalankan dengan Expo
npx expo start --tunnel   # scan QR dengan Expo Go

# atau
npm run android
npm run web

Butuh Expo Go di HP untuk preview.

🧱 Tech Stack

Layer Teknologi
Framework React Native + Expo SDK 57
Bahasa TypeScript
Database SQLite (expo-sqlite)
Navigasi React Navigation (Bottom Tabs + Native Stack)
Grafik react-native-svg
Animasi React Native Animated API

🗂️ Struktur Project

src/
├── components/      # Komponen reusable (SwipeableRow, dll)
├── db/              # Database, skema & repository queries
├── navigation/      # Tab & Stack navigator
├── screens/         # 5 layar utama + form modal
├── theme/           # Warna & styling konsisten
├── types/           # TypeScript types
└── utils/           # Format rupiah, mapping icon 3D, dll
assets/              # Aset 3D (celengan, koin, dompet, dll)

🎨 Desain

  • Gradient + aset 3D — setiap layar punya karakter 3D-nya sendiri (celengan, koin, dompet, api, gear, grafik)
  • Warna pastel senada — teal sebagai identitas utama
  • FAB tombol "+" melingkar di tengah tab bar
  • Swipe gesture — geser transaksi untuk Edit/Hapus

🗺️ Roadmap

  • Pencatatan pemasukan & pengeluaran
  • Auto-sisih 10% + pengaturan persentase
  • Edit & hapus transaksi (swipe gesture)
  • Transaksi berulang (gaji, cicilan, langganan)
  • Target tabungan + estimasi selesai
  • Badge pencapaian & streak nabung
  • Health bar "Uangmu, Nyawamu!"
  • Proyeksi tabungan + insight pola pengeluaran
  • Donut chart pengeluaran per kategori
  • Backup & restore offline
  • Kelola kategori custom
  • Notifikasi pengingat
  • Scan struk (OCR on-device)
  • Build APK (EAS)

📄 Lisensi

MIT © Novy — dibuat dengan ❤️ dan semangat menabung.

S
Description
No description provided
Readme MIT
3.1 MiB
Languages
TypeScript 100%