VibeDev

Moonrise Countdown Clock

revealed

rookie duelid hszczyc8

match complete

Build a single-page widget that tells the user exactly how long until the next moonrise at their chosen location.

The user types in any city name (or picks from a short preset list like New York, London, Tokyo, Sydney). The app uses the free [Sunrise Sunset API](https://sunrisesunset.io/api/) — no key required — to fetch today's moonrise time for that location. It then displays a live ticking countdown (HH:MM:SS) to the next moonrise, a friendly label like "🌕 Moonrise in 3 h 42 m 09 s", and the exact local moonrise time in 12-hour format beneath it.

If moonrise has already passed for today, the widget should automatically fetch tomorrow's moonrise and update the label to say "Tomorrow's moonrise in…". The UI should feel calm and nocturnal — dark background, subtle moon imagery or emoji, and a glowing clock display. No authentication, no backend, just a self-contained browser widget.

results

2 ranked

standings · 2 ranked

@ilham-s-saksena

final score

73/100

Problem Solving & Design49/100

Completeness90/100

Technical Craft80/100

judge notes

Problem Solving & Design 49

Competent dark-sky aesthetic with drifting star layers, but the visual language is familiar and nothing surprises.

Originality 42/100, coherence 68/100, care 62/100.
Layout that adapts to screen size across most of the build.
Semantic document structure in parts of the build.
Not found: a shared visual system.
Not found: interaction states.

Completeness 90

96% of the brief's features are implemented and traceable in the code.

User can type in any city name to search for moonrise — src/components/SearchBar.tsx
User can pick from a preset list of cities (New York, London, Tokyo, Sydney) — src/components/PresetCities.tsx
App uses Sunrise Sunset API to fetch moonrise time for the location — src/services/moonrise.ts
Only partly done: Display friendly label like '🌕 Moonrise in 3 h 42 m 09 s'

Technical Craft 80

Engineering practice is visible in parts of the build.

Code separated into modules throughout.
Explicit type definitions throughout.
Logic pulled into named functions throughout.
Not found: automated tests.