Static App Layout

Apa ini

Static layout ialah screen sebelum app berfungsi.

Ia ada bentuk app, tetapi belum ada add, update, delete, atau save behavior.

Kenapa penting

Bina screen sebelum logic.

Kalau layout jelas, step coding seterusnya lebih mudah untuk test.

Apa nak buat

Minta AI assistant bina static layout sahaja:

CONTEXT:
I am building my Vibe 102 mini app.

CURRENT STATE:
The React + Vite + Tailwind project runs on localhost.

TASK:
Build only the static layout.

Include:
- app title
- short subtitle
- input field
- add button
- empty list area
- mobile-friendly container

Rules:
- do not add functionality yet
- do not use localStorage yet
- keep it beginner-friendly
- explain which files changed

Test di desktop dan saiz mobile.

Mistake biasa

• Tambah state sebelum screen mudah dibaca.
• Buat UI terlalu fancy sebelum app berfungsi.
• Biarkan input atau button overflow di mobile.