A minimal React Three Fiber starter for the AI-assisted coding workshop.
npm install
npm run devOpen http://localhost:5173 in your browser. You should see a rotating orange cube.
If you have issues with local setup:
docker compose up --build- React 19 + TypeScript
- Vite (with SWC)
- React Three Fiber + Drei
- Zustand (state management)
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm run preview |
Preview production build |
npm run lint |
Run ESLint |
npm run format |
Format code with Prettier |
npm run test |
Run tests with Vitest |
src/
├── components/
│ └── Scene.tsx # 3D scene with rotating cube
├── store/
│ └── gameStore.ts # Zustand store example
├── App.tsx # Main app with Canvas
└── main.tsx # Entry point
Build a simple car game using AI-assisted coding with Claude Code!
This project is provided for educational purposes as part of an AI-assisted coding workshop. It is provided "as is", without warranty of any kind. You are solely responsible for any code you write, modify, or execute during this workshop. See LICENSE for full terms.