Create Starter Project

What this is

Create Starter Project is where the empty app folder becomes a real React + Vite + Tailwind project.

The goal is not to build your mini app yet. The goal is only to create the starter project.

Why it matters

If the first IDE prompt sees the full project brief too early, a strong coding agent may build nearly the whole app.

Keep this prompt empty enough to create localhost first. The app idea comes later.

What to do

Open your empty project folder in the IDE or coding agent.

Use this prompt:

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

Then run only the setup commands your coding agent gives you.

The usual Vite starter command looks like this when you are already inside the empty project folder:

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

Do not paste the project brief in this step.

Stop only when this is true:

The starter project files exist.
package.json exists.
No mini app features have been built.

Common mistakes

• Pasting the full project brief into this first setup prompt.
• Running commands in the wrong folder.
• Asking AI to choose the app idea before localhost works.
• Installing extra UI or chart libraries before the basic app runs.