Final Quality Check

Apa ini

Final Quality Check ialah gate polish terakhir sebelum showcase.

Ia check sama ada app usable, bukan sekadar technically working.

Kenapa penting

Mini app boleh ada working code tapi masih confusing.

Sebelum tunjuk, jadikan ia jelas untuk orang penat, phone kecil, dan keyboard users.

Apa nak buat

Run checklist ini:

1. Input ada label atau placeholder yang jelas.
2. Add button nampak boleh klik.
3. Empty input tunjuk apa perlu fix atau tidak buat apa-apa dengan selamat.
4. Added items mudah dibaca.
5. Update dan delete controls jelas.
6. Design match theme section dalam brief.
7. App muat phone width.
8. Tab key boleh bergerak melalui input dan buttons.
9. Refresh kekalkan saved items.
10. Learner boleh explain file mana berubah.

Guna prompt ini kalau app perlukan polish kecil:

CONTEXT:
I have a working 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 editing.

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

TASK:
Review it for final class quality before showcase.

CHECK ONLY:
- clear input
- clear buttons
- readable list items
- empty input behavior
- mobile width
- keyboard Tab flow
- refresh still keeps items
- design/theme fit from the brief

OUTPUT:
Give the top 5 smallest improvements and one final test checklist.

Rules:
- do not add new features
- do not change the app idea
- do not redesign the whole app
- keep fixes beginner-friendly

Stop bila ini benar:

The app is clear enough to demo in 30 seconds.
The core add/update/delete/save behavior still works.
The design fits the brief without adding extra scope.

Mistake biasa

• Polish warna semasa Add button masih rosak.
• Tambah feature baru masa final polish.
• Lupa test pada phone width kecil.
• Buat app cantik tapi susah dibaca.