Ide Project #3: Bikin Invoice Generator dalam Satu Prompt

Setelah landing page company profile dan kalkulator BMI, kali ini kita naik satu tingkat lagi di seri "Ide Project": aplikasi dengan satu entitas utama yang butuh logika hitung sedikit lebih kompleks. Invoice Generator jadi contoh yang pas karena melibatkan beberapa baris item, perhitungan subtotal, pajak, dan diskon, tapi tetap cukup sederhana untuk dibuat dari satu prompt saja.

Kalau kamu belum tahu cara bikin project baru dan mengirim prompt pertama di TanpaNgoding AI, baca dulu Ide Project #1: Bikin Landing Page Company Profile dalam Sekali Prompt. Artikel ini langsung fokus ke prompt dan hasilnya saja.

Satu Prompt untuk Semua Kebutuhan

Sama seperti seri sebelumnya, project ini dibuat dari satu prompt yang lengkap. Prompt yang dikirim berisi permintaan form data pelanggan, detail invoice (mata uang, tanggal, pajak, diskon), daftar item yang bisa ditambah lebih dari satu baris, sampai tombol Download PDF, Preview, dan Print:

"Buatkan aplikasi Invoice Generator sederhana untuk freelancer. Tidak perlu login/akun. Ada form input data pelanggan (nama, email, no telepon, nama perusahaan, alamat), lalu form invoice (mata uang, tanggal invoice, tanggal jatuh tempo, tarif pajak persen, diskon) dan daftar item invoice (deskripsi, qty, harga satuan) yang bisa ditambah lebih dari satu baris. Total, pajak, dan diskon dihitung otomatis. Setelah klik Generate Invoice, tampilkan hasil invoice dengan nomor invoice otomatis, dan sediakan tombol Download PDF, Preview, dan Print. Desain profesional dengan warna teal, tampilan rapi seperti invoice bisnis sungguhan."

AI Langsung Bekerja: Proses di Balik Layar

Setelah prompt dikirim, AI langsung memahami struktur yang dibutuhkan dan menyusun rencana kerja dalam lima langkah: memahami kebutuhan, menyiapkan halaman input, membuat perhitungan otomatis, membuat hasil invoice beserta tombol aksinya, lalu menguji aplikasi secara menyeluruh. Di panel chat sebelah kiri, kamu bisa melihat AI menelusuri logika kode satu per satu, termasuk menulis test otomatis untuk memastikan perhitungan pajak dan totalnya benar sebelum build dianggap selesai.

Karena ada logika hitung dan pengujian otomatis yang ditulis AI, proses build project ini memakan waktu lebih lama dibanding kalkulator BMI, sekitar delapan menit. Setelah selesai, AI memberikan ringkasan (recap) yang menjelaskan fitur yang sudah jadi dan hasil pengujian sebelum preview di sebelah kanan otomatis dimuat ulang.

Hasil Jadi: Form Invoice Lengkap

Hasil akhirnya adalah halaman dengan tiga bagian: Data Pelanggan, Detail Invoice (mata uang, tanggal, pajak, diskon), dan Daftar Item/Layanan yang bisa ditambah baris baru lewat tombol "Tambah Baris". Semua sesuai dengan yang diminta di prompt, termasuk badge "Tanpa Login" di pojok kanan atas yang menegaskan tidak perlu akun untuk pakai aplikasi ini.

Mencoba Generate Invoice

Untuk memastikan logikanya benar-benar berfungsi, kita isi contoh data: pelanggan Rina Wijaya dari CV Kreasi Warna, satu item "Jasa Desain Logo & Branding" seharga Rp2.500.000, dengan tarif pajak 11 persen. Setelah klik "Generate Invoice", hasilnya langsung muncul dengan nomor invoice otomatis (format INV-tanggal-kode), subtotal Rp2.500.000, pajak 11 persen Rp275.000, dan total akhir Rp2.775.000, semua terhitung otomatis tanpa kalkulator manual.

Di bagian atas invoice ada empat tombol aksi yang ditandai kotak merah pada gambar berikut: Edit Invoice untuk kembali ke form, Preview untuk melihat tampilan sebelum dicetak, Print untuk mencetak langsung dari browser, dan Download PDF untuk mengunduh filenya.

Hasil Akhir: File PDF Siap Kirim

Setelah tombol Download PDF diklik, file PDF langsung tersimpan dengan tata letak profesional bergaya teal sesuai permintaan di prompt, lengkap dengan data pelanggan, rincian item, subtotal, pajak, dan total akhir. File ini sudah siap dikirim ke klien lewat email atau chat tanpa perlu edit tambahan.

Kenapa Cocok Dijadikan Project Latihan

Invoice Generator termasuk level "Gampang-Menengah" di seri Ide Project karena melibatkan lebih dari satu field yang saling berhubungan (qty, harga, pajak, diskon) dan perlu dihitung dengan akurat, bukan sekadar tampilan statis. Project ini cocok buat kamu yang menjalankan usaha jasa atau freelance dan sering butuh membuat invoice cepat tanpa berlangganan aplikasi berbayar. Kamu bisa memakai pola prompt yang sama untuk kebutuhan serupa, misalnya kuitansi pembayaran atau surat penawaran harga, cukup ganti struktur datanya di prompt.

Itulah cara bikin Invoice Generator di TanpaNgoding AI hanya dengan satu prompt. Selanjutnya kita akan lanjut ke level berikutnya di seri "Ide Project" dengan project yang melibatkan lebih dari satu entitas.