Vibe Coding 102

Apa ini

Vibe Coding 102 ialah kelas mini app.

Boleh join selepas Vibe 101, atau guna path ini sebagai kelas standalone kalau setup sudah ready.

Vibe 102 bantu pelajar bina mini app yang boleh ingat apa user buat.

Upgrade dia ialah:

website -> mini app
content -> data
page -> state
refresh hilang -> localStorage simpan

Kenapa penting

App yang berguna bukan sekadar page. App benarkan user tambah, ubah, buang, dan simpan maklumat.

Vibe 102 ajar pattern itu tanpa backend, login, database, APIs, payment, dashboard, chart, atau multi-page routing.

Apa nak buat

Goal kelas ialah bina satu mini app yang responsive dalam 2 jam 30 minit.

App mesti ikut pattern ini:

input -> item list -> update item -> delete item -> save locally

Semua orang mula dengan setup dan localhost dahulu.

Selepas localhost jalan, pilih satu idea mini app yang approved, buat project brief dengan design/theme section, kemudian bina satu checkpoint pada satu masa.

Mistake biasa

• Anggap Vibe 102 macam kelas software engineering penuh.
• Tambah login atau database terlalu awal.
• Pilih app yang perlukan lebih daripada satu list item.
• Paste project brief penuh dalam setup prompt pertama.
• Deploy sebelum localhost dan refresh test berfungsi.