Skip to content

Instantly share code, notes, and snippets.

@SleeplessByte
Last active October 17, 2025 22:58
Show Gist options
  • Save SleeplessByte/a2af7b694ae6707494513cced53a10d2 to your computer and use it in GitHub Desktop.
Save SleeplessByte/a2af7b694ae6707494513cced53a10d2 to your computer and use it in GitHub Desktop.
Challenge: Recreate a clock made out of clocks

Note

This challenge should be completable by people who took and finished Level 18 of Exercism's Front-end Fundamentals. Those who took Josh Comeau's CSS for JavaScript Developers should also be able to finish it.

  1. Find the expected result on derk-jan.com · challenge: the clock made of clocks and DO NOT INSPECT THE SOLUTION;
  2. Write down the list of requirements;
  3. Work on your implementation for as long as you want;
  4. After you are happy with your implementation, host it on your portfolio, a Codepen, a CodeSandbox, or GitHub Pages;
  5. Share your hosted solution including source code here as a comment.

Important

I did not come up with the idea but I saw a physical clock made out of clocks on Reddit years ago and recently saw a codepen by Stefan making me interested in recreating their result my own way.

@SleeplessByte
Copy link
Author

SleeplessByte commented Oct 13, 2025

@PaulvdDool
Copy link

I went a bit more CSS orientated with as little JavaScript as possible.

Screen.Recording.2025-10-18.at.00.55.01.mov

Codepen: https://codepen.io/paulvddool/pen/raxpLbV

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment