Test and Showcase

Apa ini

Ini checkpoint terakhir Vibe 102.

Success gate kelas ialah localhost dan app behavior yang berfungsi. Deployment boleh dibuat selepas kelas.

Kenapa penting

Mini app bukan siap sebab ia nampak cantik sahaja.

Ia siap bila user boleh add, update, delete, refresh, dan masih faham apa yang berubah.

Apa nak buat

Run checklist ini:

1. Add item.
2. Cuba empty item.
3. Update atau mark item.
4. Delete item.
5. Refresh browser.
6. Check mobile width.
7. Compare hasil dengan project brief.
8. Minta AI explain changed files.

Guna prompt explanation ini:

CONTEXT:
I finished my Vibe 102 mini app.
Read project-brief.md in the project root.
Use project-brief.md as the source of truth.
If project-brief.md is missing, stop and ask me to create it before explaining.

CURRENT STATE:
The app can add, update, delete, and save items with localStorage.

TASK:
Explain the final app like I am a beginner.

OUTPUT:
- where the items are stored while the app is open
- where the items are stored after refresh
- which files changed
- how add, update, delete, and localStorage work
- how the design/theme matches the brief
- what I should deploy after class

Rules:
- do not add new code
- keep the explanation simple
- tell me one thing to test before I demo
- do not exaggerate what the app can do

Demo script:

My app is [name].
It helps [user] [goal].
Users can add, update, delete, and save [item].
I tested empty input, refresh, and mobile width.

Untuk demo, README, atau showcase prompt tambahan, buka Prompt Lab dan pilih Saya nak ship atau demo.

Selepas kelas, simpan project ke GitHub, deploy dengan Vercel, dan upload ke KrackedDevs project atau showcase page.

Mistake biasa

• Deploy sebelum refresh berfungsi.
• Lupa test mobile.
• Tidak faham file mana berubah.
• Claim app ada login, database, atau shared data sedangkan ia cuma guna localStorage.
• Biarkan project private selepas shipping.