HueThere
A browser-based color sorting game where players rebuild a shade ramp by dragging blocks into the correct order. Features progressive difficulty, FLIP-style animations, and a confetti celebration on completion.
- React 19
- TypeScript
- Vite
- Tailwind CSS
- Game
- Side Project
HueThere is a browser-based color sorting game built around Tailwind CSS’s color palette. Players are given a shuffled set of shades from a color family and must drag them back into the correct order — lightest to darkest.
The game scales across three difficulty tiers: 3, 6, and 10 shades. Each solved round rotates to a different Tailwind color family, keeping things visually fresh. The interface stays mostly monochrome so the shades themselves become the focus.
Progress is tracked in local storage so you can pick up where you left off. Confetti fires on completion, FLIP-style animations handle card reordering, and both light and dark modes are supported.
No APIs, no auth, no server state — runs entirely in the browser and deploys statically on Vercel. Built with React 19, TypeScript, Vite, and canvas-confetti.