emjose/analog-clock-1

An analog clock with a neumorphism-style UI.

• 100 Days of Code
• Installation
• Live Site
• Resources
• Let's Connect!

Day 8: February 11, 2021

• I love analog clocks, and I looked up tutorials on how to make clocks with JavaScript, HTML, and CSS.

• This clock has a neumorphism design style, which is defined by forms protruding from or imprinting on a surface. See second clock project.

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/analog-clock-1.git && cd analog-clock-1

2. Run the command:

open index.html

Analog Clock 1 is a progressive web app.

• 50 Projects in 50 Days

• Neumorphism Generator by Adam Giebl

• Neumorphism Analog Clock Tutorial by CodingNepal

• Neumorphism the Right Way — A 2020 Design Trend

• Theme Clock Tutorial from the 50 Projects in 50 Days Udemy Course

• My blog on how I created my Github READMEs