https://github.com/softon/analog_clock

A simple analog javascript clock
https://github.com/softon/analog_clock

Last synced: 7 months ago
JSON representation

A simple analog javascript clock

• Host: GitHub
• URL: https://github.com/softon/analog_clock
• Owner: softon
• Created: 2020-10-28T14:56:16.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-28T15:20:45.000Z (over 5 years ago)
• Last Synced: 2025-01-24T09:11:16.045Z (over 1 year ago)
• Language: CSS
• Size: 130 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

          
# Analog Clock ([Demo](https://softon.github.io/analog_clock))

A simple Javascript analog clock. Complete design process from figma ui design to HTML/CSS design followed by making to run using javascript code.

![Sample Design](images/sample.png)

## Video Tutorial

- **Part 1** : UI Design in Figma ([Download .fig File](Black%20Clock.fig)) ([Link to Video](https://youtu.be/RAHopeqyXVA)) 

- **Part 2** : Figma Design to HTML/CSS ([Link to Video](https://youtu.be/_RCZW4bK6mY)) 

- **Part 3** : Make it work using Javascript ([Link to Video](https://youtu.be/-n3VDlTvViI)) 

- **Part 4 (Todo)** : Make it responsive  

- **Part 5 (Todo)** : Add alarms option  

> Check the tags for source code of various stages.