Academyacademy / vibe-102 / update-delete

Update and Delete

What this is

Update and delete are the next app behaviors.

For Mission Task Tracker, update means mark complete or incomplete. Delete means remove the task.

Why it matters

Apps are mostly data changes.

Add creates an item. Update changes an item. Delete removes an item.

What to do

Use this prompt:

Copy prompt
CONTEXT:
I am building my Vibe 102 mini app.

CURRENT STATE:
I can add items and see them in the list.

TASK:
Add update and delete behavior.

Requirements:
- user can mark an item complete or incomplete
- completed items look visually different
- user can delete an item
- do not add localStorage yet

Rules:
- keep the UI clean
- explain the update logic step by step
- explain which files changed
- do not add filters or extra features

Test one item:

  1. Add it.
  2. Mark it complete.
  3. Mark it incomplete.
  4. Delete it.

Common mistakes

  • Deleting the wrong item.
  • Updating by changing the text only.
  • Adding too many buttons before the basic behavior works.

Vibe 102 / Current checkpoint

Update and Delete

Ready to stamp - Saved in this browser only.

0 of 11 checkpoints complete

0 of 11 checkpoints complete.