https://github.com/nomeyho/flutter-clock

Nomeyho's clock for the Flutter Clock Challenge
https://github.com/nomeyho/flutter-clock

clock dart flutter lenovo smart-clock

Last synced: 12 days ago
JSON representation

Nomeyho's clock for the Flutter Clock Challenge

• Host: GitHub
• URL: https://github.com/nomeyho/flutter-clock
• Owner: Nomeyho
• License: bsd-3-clause
• Created: 2019-12-22T20:37:59.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-01-19T12:54:45.000Z (almost 6 years ago)
• Last Synced: 2024-12-29T14:37:34.945Z (about 1 year ago)
• Topics: clock, dart, flutter, lenovo, smart-clock
• Language: Dart
• Homepage: https://nomeyho.github.io/flutter-clock
• Size: 15.5 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Nomeyho's clock

* Submitted for the [Flutter Clock Challenge](https://flutter.dev/clock).

* [Video](https://www.youtube.com/watch?v=674AH5mmPy0)

* [Live demo](https://nomeyho.github.io/flutter-clock)

## Presentation

The Nomeyho's clock is a clock face UI for the [Lenovo Smart Clock](https://www.lenovo.com/fr/fr/smart-clock/).

It displays the current date and time in a unique way by combining digital and analog clocks.



    



### Digits

The Nomeyho's clock is a digital clock made of 24 analog clocks.

Each digit consists of six analog clocks, laid out on a 2-by-3 grid.



    



The segments composing each digit are made of the analog clock hands. The digits from 0 to 9

can be represented by settings the analog clocks to the appropriate time.



    

    

    

    

    





    

    

    

    

    



### Animation

At least one digit changes every minute. The analog clock hands

simultaneously rotates clockwise to reach their new position and display a new digit.

The unused hands will also fade out to improve the readability of the overall digit.



### Details

A particular attention was given to the following details:

* **Clock hand ends**: the clock hands are rounded on one end only. It ensures continuity of straight

the segments and gives *smooth* corners and terminations to the digits.

* **Readability**: a different color is used for the hour digits and for the minutes digits.

The colors create a clear separation between the two group of digits and makes the reading easier.

### Theme

A light theme is also available:



    



## Intl

The current date can be displayed in multiple languages thanks to

the [intl](https://pub.dev/packages/intl) package. Both 12-hour and 24-hour formats are supported.



    

    



## Credits

* [ClockClock 24](https://clockclock.com/) for the inspiration

* [Barlow](https://fonts.google.com/specimen/Barlow) for the font

* The Flutter team for the awesome framework

* [Submarine](https://www.youtube.com/channel/UCs5ib8kDfUmFBrL1BiEivEA) song