Stack: TypeScript · React 18 · Vite · Tailwind CSS 4 · Dexie (IndexedDB) · @react-pdf/renderer · PDF.js · Fontsource · Workbox (PWA) · Cloudflare Workers
Aplikasi pembuat invoice dan kwitansi untuk freelancer, UMKM, dan usaha jasa di Indonesia. Hitung PPN dan potongan PPh 23, tulis terbilang otomatis, cetak PDF dengan 24 template siap pakai, lalu kirim langsung lewat WhatsApp. Lengkap dengan penawaran harga, pusat penagihan, invoice berulang, dan laporan bergrafik. Semua data tersimpan di perangkat Anda, tanpa akun dan tanpa server. Bisa dipasang sebagai aplikasi (PWA) dan tetap jalan offline.
🌐 Coba demo: invoice.solusikoding.com
- Cepat diisi: Klien tersimpan otomatis, katalog produk & jasa, dan saran item dari riwayat (harga dan satuan terisi sendiri)
- Tersimpan otomatis: Setiap ketikan langsung disimpan, aman meski tab ditutup atau HP kehabisan baterai
- Penomoran fleksibel: Pola bebas seperti
INV/{YYYY}/{ROMAN}/{SEQ:3}atau kode klien, reset tahunan/bulanan, dan nomor menyesuaikan saat tanggal dimundurkan - Pajak Indonesia: PPN ditambahkan atau sudah termasuk (dengan DPP), potongan PPh 23, dan terbilang Rupiah
- Diskon & penyesuaian: Diskon per item atau total (persen/nominal), ongkir, biaya tambahan, dan potongan DP
- DP, termin & pelunasan: Buat tagihan DP atau termin dari nilai proyek, lalu invoice pelunasan yang otomatis dikurangi pembayaran sebelumnya
- Revisi yang tertib: Invoice terkirim dikunci; perubahan dibuat sebagai revisi bernomor
-R1dan versi lama ditandai batal - Multi mata uang & dwibahasa: IDR, USD, SGD, MYR, EUR, AUD, JPY dengan dokumen Bahasa Indonesia atau Inggris
- Validasi sebelum simpan: Peringatan untuk klien kosong, nomor ganda, total nol, atau jatuh tempo yang keliru
- Penawaran → invoice: Buat penawaran harga dengan nomor
QUO/...sendiri, tandai diterima/ditolak, lalu jadikan invoice sekali klik - Invoice berulang: Jadwalkan draft otomatis tiap minggu, bulan, 3 bulan, atau tahun dari invoice yang sudah ada
- PDF siap kirim: Bagikan langsung ke WhatsApp, email, atau aplikasi lain dari HP, atau unduh/cetak di desktop
- Pesan otomatis: Template pesan dengan nama klien, nomor, total, dan jatuh tempo; berganti jadi pesan pengingat saat invoice hampir atau sudah lewat tempo
- Status jelas: Draft, terkirim, dibayar sebagian, lunas, lewat tempo, batal, plus status penawaran (diterima, ditolak, kedaluwarsa)
- Pusat penagihan: Satu layar berisi invoice yang perlu ditindak — lewat tempo, jatuh tempo dekat, lama tidak ditagih, dan draft siap kirim — dengan aksi WhatsApp, tandai ditagih, dan tunda
- Catat pembayaran: Pembayaran penuh atau cicilan beserta catatannya, lalu cetak kwitansi bernomor dengan terbilang
- Rekening & QRIS: Tampilkan beberapa rekening bank dan gambar QRIS di invoice
- 24 template bawaan dalam 14 layout: formal (Arsip, Kop Surat, Korporat, Anggun, Bingkai), modern (Pita, Kartu, Samping, Lengkung), kreatif (Tegas, Studio, Geometri), dan minimal (Garis, Struk)
- Editor template lengkap: Palet warna atau ambil warna langsung dari logo, 15 font dan pasangan font siap pakai, gaya tabel, sudut, garis aksen, watermark, dan ukuran huruf
- Atur isi dokumen: Tagline, posisi & ukuran logo, 19 bagian yang bisa disembunyikan, dan label yang bisa diganti per bahasa (misalnya "Deskripsi" jadi "Layanan")
- Ukuran kertas: A4, F4/Folio, Letter, Legal, dan A5, dengan margin dan kepadatan yang bisa diatur
- Preview langsung dengan undo/redo, serta ekspor/impor template antar perangkat
- Logo, tanda tangan & stempel dari Pengaturan; latar putih pada foto tanda tangan dan stempel dihapus otomatis
- Dashboard analitik: Grafik arus kas bulanan, umur piutang (0–30/31–60/61–90/90+), komposisi status, klien teratas, dan rata-rata hari bayar
- Rekap pajak: DPP, PPN keluaran, dan PPh per bulan dengan ekspor CSV untuk pembukuan/SPT
- Laporan: Tagihan dan penerimaan per bulan, piutang per klien, dan ekspor CSV per tahun
- Klien langganan: Lihat semua invoice satu klien dan ulangi invoice terakhirnya dengan sekali ketuk
- Backup & pindah perangkat: Ekspor ke satu file JSON, lalu gabungkan atau ganti data di perangkat lain
- Kesehatan penyimpanan: Lihat pemakaian penyimpanan dan minta perlindungan data permanen dari browser
- 100% di perangkat & privat: Data invoice dan klien tidak pernah dikirim ke server mana pun
- PWA & offline: Bisa dipasang di HP maupun desktop dan tetap jalan tanpa internet, lengkap dengan tombol pasang
- Tanda tangan digital: Gambar tanda tangan langsung di layar sentuh, atau unggah foto dengan latar putih otomatis dihapus
- Responsif: Nyaman dipakai di HP, dengan tema terang/gelap
- Tahan error: Layar pemulihan dengan unduh backup darurat jika terjadi kesalahan tak terduga
- Buka invoice.solusikoding.com atau pasang sebagai aplikasi.
- Isi profil usaha, rekening, logo, dan tanda tangan di Pengaturan (cukup sekali).
- Buat invoice: pilih klien, tambah item, atur pajak dan diskon, lihat PDF-nya langsung.
- Bagikan PDF ke klien, lalu catat pembayaran saat sudah ditransfer dan kirim kwitansinya.
npm install # pasang dependensi
npm run dev # jalankan di http://localhost:5173
npm run build # build produksi ke folder dist/- Dokumentasi Teknis: arsitektur, penyimpanan data, perhitungan pajak, penomoran, mesin PDF & template, cache & PWA, serta build & deploy
Jika proyek ini bermanfaat bagi Anda, dukung pengembangannya melalui QRIS:
Scan QRIS menggunakan BCA, Mandiri, BRI, GoPay, OVO, DANA, ShopeePay, atau mobile banking lainnya.
Dikembangkan oleh rizalahmaddd:
- WhatsApp: +62 857-7777-5477
- GitHub: @rizalahmaddd
- Lokasi: Kota Malang, Jawa Timur, Indonesia
Proyek ini dilisensikan di bawah lisensi MIT License.
Font yang dibundel (Plus Jakarta Sans, Inter, IBM Plex Sans, Space Grotesk, Poppins, Montserrat, Outfit, Lora, Playfair Display, Fraunces, DM Serif Display, JetBrains Mono, Space Mono, Arimo, Tinos) memakai SIL Open Font License 1.1, rinciannya ada di Dokumentasi Teknis.