Menguji aplikasi Anda

Anda sedang mengembangkan alat visualisasi data kustom untuk tim Anda menggunakan Replit. Setelah menyusun prompt yang solid, asisten AI menghasilkan versi 1 aplikasi yang terlihat rapi. Fitur yang tersedia mencakup unggah CSV, perenderan bagan, dan penyaringan interaktif.

Berikut prompt yang Anda gunakan.

Saya ingin membuat alat visualisasi data untuk pelaporan bisnis. Alat ini harus memungkinkan saya mengunggah berkas CSV, secara otomatis mendeteksi kolom, dan menghasilkan bagan interaktif (batang, garis, sebar, pai). Alat ini juga harus memungkinkan saya memfilter dan membagi data secara dinamis serta mengekspor visualisasi sebagai PNG atau PDF.

Buat alatnya bergaya minimalis dan selaras dengan merek perusahaan saya. Sertakan mode gelap dengan warna aksen berikut: #4CAF50.

Lakukan riset tentang alat dasbor dan visualisasi modern (terinspirasi dari Looker, Tableau, dan Google Data Studio). Susun UI agar mudah dibaca, gunakan Inter sebagai font, dan pastikan desain responsif untuk desktop dan tablet.

Pastikan antarmuka intuitif, mendukung unggah CSV dengan seret-dan-lepas, dan memberikan animasi yang mulus saat mengganti jenis bagan atau menerapkan filter.

Sekarang saatnya menguji hasil yang dibuat Replit. Sebelum membagikan aplikasi kepada orang lain atau menyempurnakan prompt Anda, apa saja yang harus Anda uji?

Latihan ini adalah bagian dari kursus

Vibe Coding dengan Replit

Latihan interaktif praktis

Ubah teori menjadi tindakan dengan salah satu latihan interaktif kami.

Mulai berolahraga

Latihan ini adalah bagian dari kursus

Vibe Coding dengan Replit

SkillTag.level.beginnerSkillTag.label

4.9+

Mulai Kursus Gratis

Transform your mindset from "coding is intimidating" to "I just built something real" using vibe coding with Replit. You'll discover how Replit's AI-powered environment flips traditional development - instead of learning syntax first, you'll describe what you want to build and watch Replit bring it to life.

Exercise 1: Vibe coding with Replit Exercise 2: Vibe check?Exercise 3: To vibe or not to vibe?Exercise 4: Your first application on Replit Exercise 5: From steps to apps Exercise 6: Debugging your first application on Replit Exercise 7: Don't stop vibe coding Exercise 8: The four P's of vibe coding Exercise 9: The standards of vibe coding Exercise 10: The scrambled P's

Bring your skills to life by building a Typeform clone on Replit. In this chapter, you’ll learn how to turn ideas into buildable components, collaborate effectively with Replit, and write strong prompts that drive your vibe coding workflows. By the end, you’ll have a fully functional app and the confidence to build complex projects in Replit.

Exercise 1: Dari ide menjadi komponen yang dapat dibangun Exercise 2: Kolabor(ai)si yang membuahkan hasil Exercise 3: Apa isi sebuah prompt?Exercise 4: Membangun MVP kita Exercise 5: Menguji aplikasi Anda

Latihan Saat Ini

Exercise 6: Vibe-coding yang non-deterministik

Take your Replit skills to the next level and start building complex applications. In this chapter, you’ll master context engineering, learn how to optimize your apps, and vibe-code multi-faceted tools and applications. You’ll build on your Typeform clone from chapter 2 with admin features, a custom form builder, add user authentication and access control, and manage logs for smoother debugging. By the end, you’ll know how to refine, secure, and perfect your vibe-coded applications in Replit.

Exercise 1: Mastering context engineering Exercise 2: Context please?Exercise 3: Make it faster!Exercise 4: Admin tools for your form application with Replit Exercise 5: Get the log Exercise 6: Building a custom form builder with Replit Exercise 7: Clean slate Exercise 8: Authentication and user management with Replit Exercise 9: Authenticating users with Replit Exercise 10: VIP access only

Learn how to secure, deploy, and confidently maintain your Replit applications. In this chapter, you’ll explore the best deployment options with Replit, how to approach securing your application before deployment, and learn how to deploy your apps with Autoscale deployment. You’ll also gain insight into maintaining, iterating, and improving your Replit applications after deployment.

Exercise 1: Securing and deploying your Replit applications Exercise 2: The best deployment option Exercise 3: Securing and deploying your Typeform clone Exercise 4: Securing your apps before deployment Exercise 5: Maintaining and building on your Replit apps Exercise 6: Iterating on your Replit apps Exercise 7: Congratulations!