Test and Showcase

Apa ini

Ini checkpoint terakhir Vibe 102.

Success gate kelas ialah localhost plus app behavior yang berfungsi. Deployment boleh berlaku selepas kelas.

Kenapa penting

Mini app bukan siap sebab ia nampak cantik.

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

Apa nak buat

Jalankan checklist ini:

1. Add satu item.
2. Cuba satu empty item.
3. Update atau mark satu item.
4. Delete satu item.
5. Refresh browser.
6. Semak mobile width.
7. Bandingkan result dengan project brief.
8. Minta AI terangkan changed files.

Kemudian jalankan design check:

- item cards match design.md
- empty state is clear
- buttons/status chips are understandable
- mobile list is readable
- localStorage refresh proof is easy to demo

Guna explanation prompt 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 UI follows design.md
- what DesignMD inspiration influenced the app
- what we avoided copying
- 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 I want to ship or demo.

Untuk strong proof yang pilihan, publish ke GitHub dan Vercel, kemudian share build anda dengan tutor atau KD Showcase. Deployment ialah strong proof, bukan penamat yang wajib.

Common mistakes

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