💰 Catetin — Aplikasi Pencatatan Keuangan Pribadi

Aplikasi pencatatan keuangan yang simpel, cepat, dan menyenangkan. Dibangun untuk kebutuhan pribadi dengan teknologi modern.

---

✨ Fitur Utama

Fitur	Deskripsi
📊 Dashboard	Ringkasan saldo, pemasukan & pengeluaran bulanan
💳 Multi Dompet	Kelola kas, bank, dan e-wallet dalam satu tempat
📝 Catat Transaksi	Input manual cepat dengan kategori lengkap
🤖 AI Asisten	Catat transaksi via chat teks atau suara
📷 Scan Nota	OCR offline untuk baca nominal dari foto nota
📈 Laporan	Grafik pie & bar chart pengeluaran per kategori
🎯 Target Tabungan	Set goal tabungan dengan tracking progress
💰 Budget	Atur limit pengeluaran per kategori per bulan
🏆 Achievement	Sistem pencapaian untuk motivasi mencatat
🔒 Offline First	Semua data tersimpan lokal di perangkat
👤 Multi Akun	Dukung lebih dari satu pengguna di satu perangkat

---

🛠️ Teknologi

Frontend    : React 19 + TypeScript
Build Tool  : Vite 7 + vite-plugin-singlefile
Styling     : Tailwind CSS 4 + Inline Styles
State       : Zustand (persist ke localStorage)
Mobile      : Capacitor 8 (Android)
AI/OCR      : Tesseract.js (offline OCR)
Charts      : Recharts
Icons       : Lucide React

---

📱 Screenshot

Aplikasi berjalan di Android dengan UI modern bergaya banking app.

• Splash screen animasi dengan logo SVG
• Dashboard dengan balance card glassmorphism
• Bottom nav minimalis dengan FAB menu
• Form transaksi dengan header berwarna gradient
• AI chat untuk catat transaksi via suara/teks

---

🚀 Cara Menjalankan

Prerequisites

• Node.js 18+
• Java 21 (untuk build Android)
• Android Studio (opsional, untuk emulator)

Development

# Install dependencies
npm install

# Jalankan dev server
npm run dev

Buka http://localhost:5173

Build APK Android

# 1. Build web app
npm run build

# 2. Sync ke Android
npx cap sync android

# 3. Build APK (pastikan JAVA_HOME mengarah ke Java 21)
cd android
.\gradlew assembleDebug

APK tersedia di: android/app/build/outputs/apk/debug/app-debug.apk

---

📁 Struktur Proyek

catetin-app/
├── src/
│   ├── components/          # Komponen UI
│   │   ├── Logo.tsx         # Logo SVG animasi
│   │   ├── SplashScreen.tsx # Splash screen
│   │   ├── AuthScreen.tsx   # Login & Register
│   │   ├── BottomNav.tsx    # Navigasi bawah
│   │   ├── AddTransaction.tsx # Form tambah transaksi
│   │   ├── AIAssistant.tsx  # AI chat + OCR
│   │   ├── Achievements.tsx # Sistem pencapaian
│   │   ├── Dialog.tsx       # Custom dialog
│   │   └── DialogProvider.tsx
│   ├── pages/
│   │   ├── HomePage.tsx     # Dashboard
│   │   ├── TransactionsPage.tsx
│   │   ├── ReportsPage.tsx  # Laporan & grafik
│   │   └── SettingsPage.tsx # Pengaturan & akun
│   ├── store/
│   │   └── useStore.ts      # Zustand store (state global)
│   └── utils/
│       └── format.ts        # Helper format Rupiah, tanggal
├── android/                 # Capacitor Android project
├── capacitor.config.ts
├── vite.config.ts
└── package.json

---

🔐 Keamanan & Privasi

• Semua data tersimpan 100% lokal di perangkat
• Tidak ada koneksi ke server eksternal
• Password di-hash sebelum disimpan
• Tidak ada tracking atau analytics

---

🐛 Bug & Feedback

Jika menemukan bug atau error, hubungi:

📧 ihyakpati1144@gmail.com

---

👨‍💻 Pengembang

Ihya' Nashirudin Abrar

Proyek ini dibangun menggunakan metode Vibe Coding — pengembangan cepat berbasis AI assistance untuk kebutuhan pribadi.

---

📄 Lisensi

Lihat file LICENSE untuk detail lengkap.

Hak Cipta © 2026 Ihya' Nashirudin Abrar — Semua hak dilindungi.