Project Brief

Apa ini

Project brief ialah build plan untuk pelajar.

Ia simpan stack, feature, section, dan build step sebelum coding bermula.

Stack maksudnya tools yang digunakan untuk bina project.

Untuk beginner:

stack = frontend + styling + deployment + optional backend

Kenapa penting

Plan yang terlalu vague akan jadi build yang bersepah.

Project brief pastikan tutor, pelajar, dan AI assistant semua faham target yang sama.

Apa nak buat

Lepas refine idea dengan AI, minta final brief:

Create a final project brief based on our conversation.

Include:
- stack
- features (max 3)
- sections
- build steps

Keep it beginner-friendly and simple.

Stack popular:

• Next.js + Tailwind CSS + Vercel.
• React + Tailwind CSS + Vercel.
• HTML + CSS + JavaScript + Netlify.
• Next.js + Supabase + Vercel.
• React + Firebase + Vercel.
• Astro + Tailwind CSS + Netlify.

Save atau copy output sebagai:

project-brief.md

Sebelum coding, semak bahawa brief menjawab perkara ini:

1. Kita build apa?
2. Stack apa?
3. Max 3 features apa?
4. Website ada section apa?
5. First build step apa?

Mistake biasa

• Anggap brief optional.
• Biar AI tambah terlalu banyak feature.
• Mula setup sebelum pelajar faham plan.
• Simpan plan yang nampak menarik tapi susah dibina.