Testimonial Wall + WhatsApp Reviews
Laluan: Idea -> Prompt -> Generate -> Reviews -> Mobile -> Deploy -> Siap Check -> Showcase
Misi 02: Write first app prompt
Objektif: Tulis prompt yang jelas untuk hasilkan borang review dan testimonial wall lengkap dengan page, data field, style dan flow.
Faham kenapa prompt yang spesifik menghasilkan app yang lebih dekat dengan apa anda mahu, dan kuasai cara tulis prompt yang sebut page, data field, dan flow dengan jelas.
Apa & kenapa
- Prompt yang baik menyatakan tiga perkara: page apa yang perlu ada, data field apa dalam setiap page, dan flow bagaimana pengguna bergerak.
- Untuk app testimonial, field penting ialah nama, rating, teks review, dan status (pending atau approved).
- Sebut style direction seperti 'bersih, mesra, mobile-first' supaya AI tidak hasilkan rekaan yang rawak.
- Sebut data contoh (dummy data) supaya app nampak hidup dengan beberapa review semasa anda test.
promptdata fielddummy dataKenapa penting: AI builder hanya sebaik arahan anda. Prompt kabur menghabiskan masa pada iterasi membetulkan teka-teki AI; prompt jelas memberi anda versi pertama yang hampir betul dan menjimatkan jam kerja.
Contoh: prompt samar vs prompt jelas
- Samar: 'buat app review untuk bisnes saya'. AI teka semua: field, flow, dan rupa.
- Jelas: sebut page borang review dan page wall.
- Jelas: sebut field nama, rating 1-5, teks testimoni, dan status approved.
- Jelas: sebut flow, iaitu pelanggan hantar review jadi pending, admin luluskan, baru muncul di wall.
- Jelas: sebut style mobile-first dan dummy data 3 review supaya app nampak hidup.
- Tulis prompt satu ayat sahaja dan harap AI faham segalanya. Hasilnya app generik yang jauh dari keperluan anda.
- Lupa sebut status approved, jadi semua review terus papar tanpa kawalan moderation.
- Tidak minta dummy data, jadi wall kosong dan susah nak test rupa sebenar.
Arahan
- Salin template prompt di bawah.
- Tukar maklumat bisnes supaya sesuai dengan jenis review anda.
- Tampal di ChatGPT, Claude, Gemini, v0, Lovable, Bolt, atau builder pilihan.
- Pastikan output mengandungi borang review, status approved, dan testimonial wall.
Template prompt
Anda adalah pakar pembangunan web. Bina Testimonial Wall + WhatsApp Reviews untuk perniagaan SME di Malaysia. Keperluan: - Borang review: nama pelanggan, star rating (1-5), dan testimoni ringkas - Testimonial wall yang papar hanya review yang diluluskan (approved) - Status pending untuk review baharu sebelum admin luluskan - Butang kongsi "minta review" yang buka WhatsApp dengan mesej + link - Paparan responsif (mobile-first) - Bahasa Melayu (BM) - Kod bersih, mudah diselenggara - Guna data contoh (dummy data) Output: Berikan kod HTML, CSS, JavaScript atau komponen jika guna framework pilihan. Pastikan pelanggan boleh hantar review, dan hanya review approved muncul di wall awam.
Prompt packs
Free + ProMission community
Open missionPublish a build log after saving proof, then prompt shares and fix notes will show here.
Checklist
Cuba tulis prompt anda dalam dua versi: satu ringkas, satu terperinci. Jalankan kedua-duanya dalam builder dan bandingkan hasil. Perhatikan berapa banyak benda yang anda terpaksa betulkan untuk versi ringkas berbanding versi terperinci. Latihan ini mengajar anda dengan pantas nilai sebenar prompt yang spesifik, dan anda akan mula menulis prompt yang lebih baik secara semula jadi.
Fikir & banding
Apa tiga perkara yang prompt jelas mesti sebut, dan field mana yang anda tambah khas untuk membolehkan moderation review?
Nama ringkas cukup. Laluan masih boleh jalan tanpa akaun penuh.