Vibe Coding
Bikin Web App Mirip Trello Pakai AI
Panduan membuat aplikasi Kanban Board / Todo App mirip Trello menggunakan AI tools (Bolt.new / Lovable) dari perancangan antarmuka, sinkronisasi GitHub, database Supabase, hingga deploy ke Vercel.
📌 Ringkasan Tutorial
Pada video ini, kita mempraktikkan cara membuat aplikasi web Kanban Todo Apps yang terinspirasi dari Trello menggunakan metode vibe coding dengan bantuan AI web builder (Bolt.new dan Lovable).
🛠️ Alur Pengembangan Proyek:
- Prompting Antarmuka (UI/UX): Meminta AI membuat papan kanban dengan status To Do, In Progress, dan Done lengkap dengan kartu tugas dan aksi interaktif.
- Sinkronisasi ke GitHub: Menghubungkan proyek hasil generate langsung ke repository GitHub agar kode tersimpan aman.
- Koneksi Database Supabase: Mengintegrasikan database cloud PostgreSQL dari Supabase untuk menyimpan kartu tugas dan data pengguna.
- Deploy ke Production (Vercel): Menghubungkan repository GitHub ke Vercel sehingga aplikasi bisa langsung diakses publik secara online.
Tonton video lengkap di atas untuk melihat proses langkah demi langkahnya!
Prompt & Resource
1 prompt dan 4 resource siap disalin
Gratis. Cukup daftar atau login, lalu kamu langsung kembali ke halaman ini.