Akademiacademy / vibe-102 / setup-check

Setup Check

Apa ini

Setup Check ialah langkah bila final brief menjadi project folder sebenar.

Goal dia bukan bina app lagi. Goal dia ialah create React + Vite + Tailwind project, buka dalam IDE, dan pastikan ia run di localhost.

Kenapa penting

Kalau setup rosak, semua prompt feature selepas itu akan jadi mengelirukan.

Betulkan engine dulu. Bina feature hanya selepas project boleh dibuka dalam browser.

Apa nak buat

Buka IDE atau coding agent dan paste final mini app brief.

Guna prompt ini:

Copy prompt

CONTEXT:
I am starting my Vibe 102 mini app.
The final brief is the source of truth for the app idea, data shape, layout, and build order.

FINAL BRIEF:
[paste final mini app brief]

CURRENT STATE:
No app features have been built yet.
I need a clean starter project that can run on localhost.

TASK:
Create the project foundation only.

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

OUTPUT:
1. create or inspect the starter project
2. confirm the folder structure
3. confirm the install and dev commands
4. tell me which file we will edit first
5. stop before building app features

Rules:
- do not build the app features yet
- do not add state yet
- do not add localStorage yet
- do not add extra libraries unless required for setup
- explain each step like I am a beginner
- ask if the brief is missing something important

Kemudian run setup command yang coding agent beri.

Checkpoint biasa:

Terminal command

npm install
npm run dev

Buka localhost link yang terminal tunjuk.

Berhenti hanya bila ini benar:

Reference

The app opens on localhost.
The page loads.
No mini app features have been built yet.

Mistake biasa

Paste brief dan terus minta AI bina seluruh app.
Run command dalam folder yang salah.
Teruskan walaupun localhost masih error.
Install UI atau chart library sebelum basic app berjalan.

Vibe 102 / Checkpoint sekarang

Setup Check

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 15 checkpoints complete.