State and Add Item

Apa ini

State ialah memori app semasa app sedang dibuka.

Dalam checkpoint ini, user taip item, klik Add, dan item muncul dalam list.

Kenapa penting

Ini saat project menjadi app.

Screen bukan lagi content sahaja. Ia respond kepada input user.

Apa nak buat

Guna prompt ini:

CONTEXT:
I am building my Vibe 102 mini app.

CURRENT STATE:
The static layout is done.

TASK:
Add the ability to create one item.

Requirements:
- user types into the input
- user clicks Add
- item appears in the list
- input clears after adding
- do not use localStorage yet

Rules:
- explain what state is
- keep the code beginner-friendly
- explain which files changed
- do not add extra features

Test:

1. Taip satu item.
2. Klik Add.
3. Pastikan ia muncul.
4. Pastikan input kosong semula.

Mistake biasa

• Tambah localStorage sebelum state berfungsi.
• Simpan item kosong.
• Minta AI tambah filters pada masa yang sama.