Biar Ga Ada Yang Nombok - Aplikasi web untuk membagi tagihan antar teman dengan mudah.
🇮🇩 Live Demo → bayarbill.vercel.app
- 📝 Buat Bill Instan - Tambah tagihan dengan judul dan deskripsi
- 👥 Manajemen Peserta - Tambah/hapus orang yang patungan
- 🍔 Manajemen Item - Input menu, harga, quantity
- 💰 Pembagian Otomatis - Bagi rata atau atur manual per item
- 🧾 PPN & Service Charge - Pajak 10% default, editable
- 🖼️ Export Gambar - Simpan ringkasan sebagai PNG
- 🌐 Multi Bahasa - Indonesia & English
- 📱 Mobile First - Responsive design
- 🗑️ Auto Delete - Bill hapus otomatis setelah 30 hari
- 🔗 Shareable Link - Bagikan link ke teman
| Layer | Technology |
|---|---|
| Framework | Next.js 16 + App Router |
| Language | TypeScript |
| Styling | Tailwind CSS 4 |
| Database | Turso (SQLite) + Prisma |
| i18n | next-intl |
| Export | html-to-image |
| State | Zustand |
| Icons | Lucide React |
# Clone repository
git clone https://github.com/danzarchive/splitbill.git
cd splitbill
# Install dependencies
npm install
# Setup environment
# Copy .env.example ke .env dan isi dengan credentials Turso
# Generate Prisma client
npx prisma generate
# Push database schema
npx prisma db push
# Run development server
npm run devBuka http://localhost:3000 di browser.
Buat file .env:
DATABASE_URL="libsql://your-db.turso.io"
DATABASE_AUTH_TOKEN="your-turso-token"
CRON_SECRET="random-secret-for-cleanup"- Buat Bill Baru - Klik "Split Bill-in Aja" dan masukkan judul
- Tambah Peserta - Masukkan nama orang yang patungan
- Tambah Item - Input nama menu, harga, dan quantity
- Atur Pembagian - Pilih "Atur Pembagian" untuk tentuin siapa bayar apa
- Lihat Ringkasan - Klik "Lihat Detail" untuk total per orang
- Export/Share - Export gambar atau copy link untuk share
Dibuat dengan ❤️ oleh @danzarchive
bayarbill.vercel.app