https://github.com/chanda-abdul/css-javascript-clock

https://github.com/chanda-abdul/css-javascript-clock

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/chanda-abdul/css-javascript-clock
• Owner: Chanda-Abdul
• Created: 2021-03-02T05:35:46.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-02T07:04:30.000Z (almost 4 years ago)
• Last Synced: 2024-11-14T02:23:44.149Z (3 months ago)
• Language: CSS
• Size: 3.91 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JavaScript Calculator

## Programmer

Chanda Abdul

## Live App

You can interact with the deployed app [here](https://quizzical-johnson-74aa1b.netlify.app/)

## Summary

This clock web app was created to showcase my skills in CSS, HTML & JavaScript.

## Prompt

- Implement a live hand-clock using only HTML, CSS and JavaScript. If time allows, make sure the various clock hands are easily distinguishable.

## Concepts Covered

- JavaScript

    - `Date.now()` & converting time

- CSS

    - Transform

    - Translate

    - Radius

## Updates

- [ ] Make Responsive

- [ ] update stylings on clock hands

- [ ] improve functionality

- [ ] add time notches

- [ ] add different background for night, (https://images.unsplash.com/photo-1523380262778-076eb862d38f)