https://github.com/ajsevillano/advanced-clock

A digital-style clock in JavaScript. This project was made to learn about date management and dark/light themes.
https://github.com/ajsevillano/advanced-clock

Last synced: about 2 months ago
JSON representation

A digital-style clock in JavaScript. This project was made to learn about date management and dark/light themes.

• Host: GitHub
• URL: https://github.com/ajsevillano/advanced-clock
• Owner: ajsevillano
• Created: 2020-07-17T19:28:22.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-04T20:28:22.000Z (about 1 year ago)
• Last Synced: 2023-12-04T21:33:22.480Z (about 1 year ago)
• Language: CSS
• Homepage:
• Size: 27.3 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Javascript Digital clock with light/dark theme selector

A single 24 hours format javascript clock written in javascript with an option to choose between a light or dark theme.

## Motivation

I created this project to go deeper in the handling of [DATE](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) in javascript and also practise some CSS effects.

## Screenshots

![Javascript clock](https://i.imgur.com/GnrvG4M.png)

## Tech/framework used

Built with

- Javascript

- CSS 3

- HTML 5

## Features

The clock have a light/dark theme selector.

Different greeting based on the moment of the day.

Auto Dark theme in the evening.

## How to use?

Just clone this repository and load index.html in your favorite browser. (icons for moon and sun not included so far)

## Credits

This project was inspired by this [post](https://www.blog.duomly.com/9-javascript-project-ideas-for-beginners-that-help-you-to-build-an-amazing-coding-portfolio/#1-clock)

## License

Please, feel free to use, modify or rewrite this code for your own use.

MIT © [Ajsevillano](https://github.com/ajsevillano)