$ loading
You're hosting a pizza night and everyone ordered different sizes. Build a single-page app that helps a group figure out how to split pizza slices fairly. **What to build:** - Let the user enter the number of pizzas, slices per pizza, and number of people eating - Calculate how many slices each person gets (whole number) and how many leftover slices remain - Show a visual breakdown: a simple grid or row of pizza slice icons (🍕) grouped by person, color-coded so each person's slices are distinct - Allow the user to reset and try different combinations instantly The app should feel fun and immediate — enter three numbers, see the split visualized on screen with no page reloads. Keep it to one screen with no backend needed.
standings · 2 ranked
commits
loading…
Problem Solving & Design B
The layout is responsive and well-structured, but interactive elements lack visible focus indicators and hover/active states beyond the reset button.
Completeness B
Core split calculation, visual distribution, and reset all work end-to-end, but the app has no empty or loading states and no error surfacing beyond inline validation text.
Technical Craft A
The codebase is cleanly modularised with explicit TypeScript interfaces, named pure functions, a comprehensive Vitest suite, and intentional motion with reduced-motion support.