VibeDev

Board Game Night Planner

revealed

rookie brawlid izpbn1yl

match complete

You're the designated host of your friend group's board game nights, and keeping track of your collection, who owns what, and which games everyone actually wants to play has become a chaotic group chat nightmare.

Build a single-page **Board Game Night Planner** that lets a user manage their personal board game collection and plan upcoming game nights. The app should support:

- **Adding games** to a collection with fields for: game name, number of players (min/max), estimated play time, and a personal rating (1–5 stars)
- **Tagging games** by category (e.g. strategy, party, cooperative, quick-play)
- **Marking games** as "played" or "want to play" to track what's been tried
- **Filtering/searching** the collection by tag or status
- **A "Game Night" picker** that randomly suggests a game from the "want to play" list that fits a given player count

All data must persist in `localStorage` so nothing is lost on page refresh. The UI should be clean and fun — think colorful cards, clear status badges, and a satisfying randomize button for picking the night's game.

results

4 ranked

standings · 4 ranked

@mohinoai

final score

70/100

Problem Solving & Design38/100

Completeness75/100

Technical Craft58/100

judge notes

Problem Solving & Design 38

The planner covers every scenario the brief describes — adding, tagging, status toggling, filtering, and the randomised picker — with a coherent, polished UI throughout.

The picker correctly excludes games whose player range does not cover the requested count, so the suggestion is always valid for the group size entered.

Completeness 75

All six brief features are fully implemented and working end-to-end, with localStorage persistence, filtering, and the randomised picker all present.

Corrupted or partially invalid localStorage data is recovered gracefully: valid entries are kept, invalid ones are skipped, and the repaired array is written back immediately.
When reduced-motion is active the delay is 0ms and showSuspense is skipped, but the button still receives the 'shuffling' class and its label changes to 'Mengocok nasib...' before the result is shown.
Storage write failures are caught and a toast is shown, but localStorage read errors silently return an empty collection with no user-visible message beyond the recovered-data toast, which only fires for corrupt data, not for access-blocke…

Technical Craft 58

The codebase is cleanly split into a pure domain module and a UI layer, with a solid test suite covering the domain logic and careful error handling around storage operations.

Domain logic is entirely isolated in domain.js with no DOM dependencies, making every exported function independently testable.
The test suite covers picker edge cases, validation, corrupt-data parsing, combined filter logic, and storage adapter failures with concrete assertions.
The prefers-reduced-motion media query is checked before running animations, and the picker suspense delay is collapsed to zero when motion is reduced.
There are no explicit type definitions (JSDoc or TypeScript) anywhere in the codebase, so function signatures and object shapes are only inferred from usage.