Save With localStorage

Apa ini

localStorage ialah memori browser.

Ia bantu app ingat data simple selepas page refresh.

Kenapa penting

State ingat semasa app dibuka.

localStorage ingat selepas refresh.

Ia bukan real database. Ia bukan secure storage. Ia hanya untuk data kecil, non-sensitive, dan local dalam browser.

Apa nak buat

Guna prompt ini:

CONTEXT:
I am building my Vibe 102 mini app.

CURRENT STATE:
I can add, update, and delete items.

TASK:
Add localStorage.

Requirements:
- load saved items when the app opens
- save items whenever they change
- use JSON.stringify when saving
- use JSON.parse when loading
- do not save sensitive data

Rules:
- explain localStorage simply
- explain JSON.stringify and JSON.parse simply
- keep the code beginner-friendly
- do not add a backend or database

Refresh browser selepas add satu item.

Kalau item masih ada, app sudah refresh proof.

Mistake biasa

• Save sebelum list behavior berfungsi.
• Lupa bahawa localStorage simpan strings.
• Anggap localStorage macam shared database.
• Simpan maklumat private atau sensitive.