Akademiacademy / vibe-101 / project-foundation

Project Foundation

Apa ini

Project Foundation ialah checkpoint untuk tukar project brief jadi files sebenar.

Goal dia bukan build seluruh website lagi. Goal dia ialah create project folder, confirm stack, dan prepare first clean build step.

Kenapa penting

Beginner selalu suruh AI build semua benda sekali.

Bila itu berlaku, project jadi susah faham, susah debug, dan senang rosak.

Foundation step pastikan build masih kecil dan pelajar boleh follow.

Apa nak buat

Buka IDE dan paste project brief.

Guna prompt ini:

Reference

We are starting this project from the brief below.

[paste project brief]

Create or inspect the project foundation only.

Do:
1. confirm the stack
2. confirm the folder structure
3. create only the starter files needed
4. tell me which file to open first

Do NOT build all features yet.
Do NOT add optional backend yet.
Do NOT skip explanation.

Check project folder ada starter files yang betul.

Untuk Next.js project, cari:

  • package.json
  • src atau app
  • public
  • config file seperti next.config

Sebelum teruskan, tanya AI:

Copy prompt
Explain the folder structure in beginner-friendly terms.

Tell me:
- where pages live
- where styling lives
- where images/assets live
- which file we will edit first

Mistake biasa

  • Build semua 3 feature sebelum pelajar faham files.
  • Tambah Supabase atau login sebelum localhost jalan.
  • Biarkan AI create folder structure yang terlalu complex.
  • Teruskan tanpa check package.json wujud.

Vibe 101 / Checkpoint sekarang

Project Foundation

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 15 checkpoints complete

0 daripada 15 checkpoints complete.