Final Quality Check

Apa ini

Final Quality Check ialah polish gate terakhir sebelum showcase.

Ia check sama ada app usable, bukan sekadar code berfungsi.

Kenapa penting

Mini app boleh ada code yang jalan tetapi masih mengelirukan.

Sebelum tunjuk, pastikan ia jelas untuk orang penat, phone kecil, dan keyboard user.

Apa nak buat

Run checklist ini:

1. Input ada label atau placeholder yang jelas.
2. Button Add nampak boleh klik.
3. Empty input beri hint apa perlu fix atau tidak rosak.
4. Item yang ditambah senang dibaca.
5. Control complete/update dan delete jelas.
6. App muat pada phone width.
7. Tab key boleh bergerak melalui input dan button.
8. Refresh masih simpan item.
9. Pelajar boleh explain file mana berubah.

Guna prompt ini kalau app perlukan polish kecil:

CONTEXT:
I have a working Vibe 102 mini app.

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

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

Berhenti bila ini benar:

The app is clear enough to demo in 30 seconds.
The core add/update/delete/save behavior still works.

Mistake biasa

• Polish warna sedangkan button Add masih rosak.
• Tambah feature baru masa final polish.
• Lupa test pada phone width yang sempit.
• Buat app cantik tetapi lebih susah dibaca.