Create Starter Project

Apa ini

Create Starter Project ialah tempat empty app folder menjadi React + Vite + Tailwind project sebenar.

Goal dia bukan bina mini app lagi. Goal dia cuma create starter project.

Kenapa penting

Kalau IDE prompt pertama nampak project brief penuh terlalu awal, coding agent yang kuat mungkin bina hampir semua app terus.

Pastikan prompt ini cukup kosong untuk create localhost dahulu. Idea app masuk kemudian.

Apa nak buat

Buka empty project folder dalam IDE atau coding agent.

Guna prompt ini:

CONTEXT:
I am setting up Vibe 102.

CURRENT STATE:
I have an empty project folder open in my IDE.
I have not chosen my app idea yet.
I have not created a project brief yet.

TASK:
Create a clean starter project only.

STACK:
- React
- Vite
- Tailwind
- no backend
- no login
- no database

OUTPUT:
1. create the starter project
2. confirm the folder structure
3. confirm the install and dev commands
4. tell me what files were created
5. stop before building any app UI

Rules:
- do not ask for my app idea yet
- do not build the app UI yet
- do not add state yet
- do not add localStorage yet
- do not add sample tasks, lists, buttons, dashboards, charts, or extra pages
- do not add extra libraries unless required for setup
- explain each step like I am a beginner

Kemudian run setup command yang coding agent beri sahaja.

Vite starter command biasanya begini bila kamu sudah berada dalam empty project folder:

npm create vite@latest . -- --template react
npm install
npm run dev

Jangan paste project brief dalam step ini.

Stop hanya bila ini benar:

Starter project files wujud.
package.json wujud.
Belum ada mini app feature dibina.

Mistake biasa

• Paste project brief penuh dalam setup prompt pertama.
• Run command dalam folder salah.
• Minta AI pilih app idea sebelum localhost jalan.
• Install UI atau chart library extra sebelum basic app jalan.