Vibe Coding 102

Vibe 102 ialah SDD localStorage App Build Lab untuk learner yang sudah bersedia untuk cabaran build seterusnya selepas asas AI atau Vibe 101.

Apa ini

Vibe 102 guna Vibe SDD Starter Pack yang sama macam Vibe 101. Pilih localStorage App mode bila Blueprint Coach tanya build mode mana.

Target build ialah satu mini app yang responsive dan ikut pattern ini:

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

Pack ini simpan brief, architecture, design, blueprint, build-status.md, dan Work Cards phase by phase. Selepas planning, anda boleh tukar dari model planning yang kuat ke model implementation yang lebih murah atau laju.

Kenapa penting

App yang berguna buat lebih daripada sekadar tunjuk content. Ia benarkan orang tambah, ubah, buang, dan simpan maklumat.

Vibe 102 ajar pattern itu tanpa backend, login, database, payments, dashboards, atau multi-page routing. File SDD yang disimpan buat build ini kekal difahami merentas tukar model, tutor handoff, dan chat session baru.

Apa nak buat

1. Buka Vibe SDD Starter Pack.
2. Lengkapkan shared Setup Gate.
3. Pilih localStorage App mode.
4. Biar Blueprint Coach simpan planning files dan Work Cards.
5. Implement Work Card semasa sahaja, verify, update build-status.md, dan berhenti.
6. Buktikan add, update, delete, save, dan refresh semua berfungsi.

Kekalkan app pada satu list item yang jelas. Build pattern localStorage dahulu sebelum tambah apa-apa kerja advanced yang pilihan.

Common mistakes

• Pilih Website mode dan bukan localStorage App mode.
• Tambah login, database, atau beberapa jenis data terlalu awal.
• Mula implementation sebelum planning files wujud.
• Implement beberapa Work Cards dalam satu pass.
• Dakwa localStorage berfungsi tanpa refresh test.

Optional advanced lab: API Tool Builder

API Tool Builder ialah live lab advanced yang pilihan selepas pattern localStorage difahami. Ia guna public API dan build loop coding-agent; ia bukan path Vibe 102 yang default.