Splitwise - Smart AI Budgeting Platform

Splitwise adalah platform manajemen keuangan berbasis kecerdasan buatan (AI) yang dirancang khusus untuk membantu Gen Z dan Milenial mengelola arus kas, melacak pengeluaran bersama, dan mendapatkan rekomendasi finansial yang strategis.

Fitur Utama

• Multi-Language Support: Dukungan penuh untuk Bahasa Indonesia, Inggris, dan Mandarin.
• AI-Powered Budgeting: Analisis pengeluaran otomatis menggunakan Machine Learning untuk memprediksi rasio tabungan.
• Interactive Dashboard: Visualisasi data pengeluaran bulanan, skor kredit, dan suku bunga pinjaman yang interaktif.
• Shared Expenses: Kelola pengeluaran bersama teman atau keluarga dengan pembagian yang adil dan transparan.
• Progressive Web App (PWA): Dapat diinstal di iOS, Android, Windows, dan Mac untuk pengalaman seperti aplikasi native.
• Multi-Step Onboarding: Alur pendaftaran informasi pekerjaan, pengeluaran, dan tujuan keuangan yang terstruktur.

Tech Stack

Core

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Auth: NextAuth.js v5
• Database ORM: Drizzle ORM
• Validation: Zod

UI & Styling

• Styling: Tailwind CSS 4
• Components: Shadcn UI / Radix UI
• Animations: Framer Motion & Lenis Smooth Scroll
• Icons: Phosphor Icons
• Charts: Recharts

Internationalization

• i18n: next-intl

Struktur Folder

├── app/[locale]/       # Folder utama rute aplikasi (Localized)
│   ├── (auth)/         # Rute autentikasi (Login, Register)
│   ├── (routes)/       # Rute utama (Dashboard, Halaman Statis)
│   ├── feature/        # Komponen logika per fitur (Account, Budgeting)
│   └── api/            # Route Handlers API (Backend)
├── components/         # Komponen UI Reusable
│   ├── blocks/         # Section halaman (Hero, FAQ, CTA)
│   └── ui/             # Komponen dasar (Button, Input, dll)
├── hooks/              # Custom React Hooks
├── i18n/               # Konfigurasi Internationalization
├── lib/               # Utilitas dan konfigurasi DB (Drizzle Schema)
├── messages/           # File terjemahan (id.json, en.json, zh.json)
├── public/             # Aset statis dan konfigurasi PWA
└── types/              # Definisi tipe TypeScript global

Prerequisites

Sebelum memulai, pastikan Anda telah menginstal:

• Node.js (versi 20 atau terbaru)
• npm / yarn / pnpm / bun

Development

Available Scripts

Command	Action
npm run dev	Menjalankan server pengembangan (Hot reload aktif)
npm run build	Membuat build produksi aplikasi
npm run start	Menjalankan aplikasi yang sudah di-build
npm run lint	Menjalankan pengecekan ESLint
npx drizzle-kit push	Sinkronisasi schema database

Coding Guidelines

• Functional Components: Gunakan arrow functions untuk komponen React.
• TypeScript: Gunakan interface untuk props dan hindari penggunaan any.
• i18n: Jangan menulis teks statis langsung di JSX, gunakan useTranslations.
• Naming Convention: Gunakan kebab-case untuk nama file dan PascalCase untuk komponen.

Deployment

Aplikasi ini dioptimalkan untuk di-deploy ke Vercel. Pastikan untuk mengatur Environment Variables berikut di dashboard deployment Anda:

• AUTH_SECRET
• DATABASE_URL
• NEXTAUTH_URL
• AUTH_GOOGLE_ID
• AUTH_GOOGLE_SECRET
• AUTH_GITHUB_ID
• AUTH_GITHUB_SECRET
• AUTH_DISCORD_ID
• AUTH_DISCORD_SECRET
• AUTH_PATREON_ID
• AUTH_PATREON_SECRET
• TURSO_AUTH_TOKEN
• TURSO_DATABASE_URL
• I18NEXUS_API_KEY
• ML_PREDIC_BUDGET_URL
• ML_MODEL_INVEST

Contributing

1. Fork project ini.
2. Buat fitur branch baru (git checkout -b feature/AmazingFeature).
3. Commit perubahan Anda (git commit -m \"Add some AmazingFeature\").
4. Push ke branch tersebut (git push origin feature/AmazingFeature).
5. Buka Pull Request.

Contact

• Email: hello@split-wise.app
• GitHub: github.com/SplitWisee
• Website: split-wise.app

---

© 2026 Splitwise. All rights reserved.