What it does
Citris is a Tetris-inspired city-building puzzle game. You rotate, flip and place building pieces on a zoned 3D city grid: residential, commercial, industrial and entertainment, plus rivers and mountains. Every building scores (population + economy) x happiness, and putting it next to the right neighbors is what drives that score.
The grid grows from 12x12 to 19x19 across 15 levels. Ordinances, permits and laws add rule twists as you climb, and you get a few discards per level when a piece just won't fit.
How I built it
React and TypeScript on Vite, with Three.js for the 3D board, Tailwind for the UI, a small Express API, Vitest for tests, and Vercel for hosting. I built it with AI coding tools and playtested it with friends.
Built With
- express.js
- react
- tailwindcss
- three.js
- typescript
- vercel
- vite
- vitest