Akademiacademy / vibe-102 / update-delete

Update and Delete

Apa ini

Update dan delete ialah behavior app seterusnya.

Untuk task tracker, update maksudnya mark complete atau incomplete. Untuk app lain, update ikut action dalam project brief.

Kenapa penting

Apps kebanyakannya ialah data changes.

Add create item. Update ubah item. Delete buang item.

Apa nak buat

Guna prompt ini:

Copy prompt
CONTEXT:
I am building my Vibe 102 mini app.
I can add items and see them in the list.
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.

TASK:
Add update and delete behavior.

Requirements:
- user can update or mark an item using the update action from the brief
- updated items look visually different when useful
- user can delete an item
- do not add localStorage yet

Rules:
- keep the UI clean
- explain the update logic step by step
- explain which field identifies each item
- explain which files changed
- do not add filters, charts, dashboard cards, routing, APIs, login, or localStorage yet
- give me one test with one item

Kalau AI sudah bina update/delete, test satu item:

  1. Add item.
  2. Update atau mark item.
  3. Undo update jika app support.
  4. Delete item.

Kalau berfungsi, stamp checkpoint ini dan teruskan. Kalau separuh jalan, fix missing behavior sahaja.

Mistake biasa

  • Delete item yang salah.
  • Update field yang salah.
  • Tambah terlalu banyak button sebelum basic behavior berfungsi.
  • Tambah localStorage sebelum update/delete berfungsi.

Vibe 102 / Checkpoint sekarang

Update dan Delete

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 16 checkpoints complete

0 daripada 16 checkpoints complete.