All challenges

UI · Frontend challenge · Frontend UI

Analog Clock

Difficulty

medium

Time

~25m

Format

Single

Grading

Human review

#ui#react#frontend#effects#timers
Mission file // read carefullymedium

Build a CSS-driven Analog Clock component.

Requirements

  • Display the clock face with three hands: Hour, Minute, and Second.
  • Hands must rotate dynamically based on the current system time.
  • Updates must occur once per second, cleaning up active timers/intervals on unmount.

Build with

React
Live preview as you type
Human review
Start challenge

Sign in to save your progress.