Ide Project #2: Bikin Kalkulator BMI dalam Satu Prompt

Setelah bagian pertama seri "Ide Project" membahas landing page company profile, kali ini kita masuk ke jenis project yang berbeda: aplikasi tools ringan dengan logika perhitungan di dalamnya. Kalkulator BMI (Body Mass Index) jadi contoh yang pas karena sederhana untuk dibuat, tapi tetap punya elemen yang berguna dipelajari, yaitu form input, logika hitung, dan tampilan hasil yang berubah sesuai kondisi. 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 input berat dan tinggi badan, tombol hitung, serta hasil BMI dengan kategori berwarna berbeda:

"Buatkan aplikasi kalkulator BMI (Body Mass Index) sederhana. Ada form input berat badan (kg) dan tinggi badan (cm), tombol hitung, lalu tampilkan hasil BMI beserta kategorinya (kurus, normal, gemuk, obesitas) dengan warna berbeda tiap kategori. Tampilan simpel dan mobile friendly."

AI Langsung Bekerja: Proses di Balik Layar

Setelah prompt dikirim, AI langsung masuk ke mode BUILD tanpa perlu klarifikasi tambahan karena permintaannya sudah cukup jelas. Di panel chat sebelah kiri, kamu bisa melihat proses berpikir AI secara langsung, mulai dari membaca skill desain, memutuskan pendekatan (dalam kasus ini AI memilih membuat komponen Livewire), sampai membuat file satu per satu.

Proses ini biasanya memakan waktu sekitar satu menit untuk project sesederhana kalkulator BMI. Setelah selesai, AI memberikan ringkasan perubahan (recap) yang mencantumkan file apa saja yang dibuat dan hasil verifikasi kode sebelum preview di sebelah kanan otomatis dimuat ulang.

Hasil Jadi: Form Kalkulator BMI

Hasil akhirnya adalah halaman kalkulator dengan judul, form input berat dan tinggi badan, tombol hitung dengan gradasi warna, serta bagian skala kategori di bagian bawah yang menjelaskan rentang tiap kategori BMI.

Mencoba Kalkulatornya

Untuk memastikan logikanya benar-benar berfungsi, kita isi contoh angka: berat badan 70 kg dan tinggi badan 165 cm, lalu klik tombol Hitung BMI.

Hasilnya langsung muncul di bawah tombol: BMI 25.7 dengan kategori "Gemuk" berwarna kuning keemasan, lengkap dengan saran singkat untuk menjaga pola makan dan meningkatkan aktivitas fisik. Kategori ini otomatis berubah warna sesuai rentang, misalnya biru untuk kurus, hijau untuk normal, dan merah untuk obesitas, sesuai dengan yang diminta di prompt awal.

Kenapa Cocok Dijadikan Project Latihan

Kalkulator BMI termasuk level "Gampang" di seri Ide Project karena hanya butuh satu halaman tanpa database. Meski begitu, project ini tetap mengajarkan konsep penting: bagaimana AI menerjemahkan permintaan logika (rumus dan kategori) menjadi kode yang benar-benar berfungsi, bukan cuma tampilan statis. Kamu bisa memakai pola prompt yang sama untuk membuat kalkulator lain, misalnya kalkulator cicilan, kalkulator zakat, atau konversi satuan, cukup ganti rumus dan kategorinya di prompt.

Itulah cara bikin kalkulator BMI di TanpaNgoding AI hanya dengan satu prompt. Selanjutnya kita akan lanjut ke level berikutnya di seri "Ide Project" dengan project yang sedikit lebih kompleks.