# Colored Bricks - Game Jam Starter Kit

A simple turn-based puzzle game built with React and boardgame.io. Perfect starting point for game jam projects.

## Quick Start

```bash
npm install
npm run dev
```

Open http://localhost:5173 to play!

## How to Play

- **Clear rows**: Click color buttons to clear the lowest row containing that color
- **Gravity**: Bricks fall down automatically each turn
- **Spawn**: 4 new random bricks appear at the top each turn
- **Win**: Empty the entire grid
- **Lose**: Fill the entire grid

## Game Jam Ready

This starter kit provides:
- Complete game loop (title → play → win/lose → restart)
- Clean separation of game logic and UI
- Sound effects and animations
- Responsive design
- Easy to extend and modify

Perfect for rapid prototyping during game jams!

## Deployment to itch.io

The project is pre-configured for itch.io deployment:

```bash
npm run build
```

This creates a `dist/` folder with the correct structure:
```
dist/
├── index.html
├── main.js
└── assets/
    ├── main.css
    ├── images/
    └── sounds/
```

**To deploy:**
1. Run `npm run build`
2. Zip the entire contents of the `dist/` folder (not the folder itself)
3. Upload the zip to itch.io

The Vite config uses relative paths (`base: './'`) so it works perfectly on itch.io without any additional configuration.