-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Egor Belibov
committed
Jan 14, 2020
1 parent
109cb40
commit 9d68a60
Showing
2 changed files
with
108 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,41 @@ | ||
# Clock of Clocks | ||
# [![clock_of_clocks_logo_url][]][clock_of_clocks_website_link] | ||
|
||
A beautiful digital clock face made of multiple analog clocks. Made for the **Flutter Clock Challenge**. | ||
![latest_release_version][] | ||
[![twitter_tweet][]][twitter_tweet_badge] | ||
[![twitter_follow][]][twitter_follow_badge] | ||
|
||
Clock of Clocks is an appealing **digital clock face** made out of multiple **analog clocks**.\ | ||
It was created for the [Flutter Clock Challenge][flutter_clock_challenge_website_link] and designed for [Lenovo Smart Clock][lenovo_smart_clock_website_link]. | ||
|
||
## Details | ||
|
||
You can read more about the project in [clock_of_clocks/README.md][clock_of_clocks_project_source_code_link].\ | ||
Also, have a look at a 🤪 45 sec. video of the clock at: https://www.youtube.com/watch?v=JUf2UoCkF4I. | ||
|
||
## Online Preview | ||
|
||
To see an online **real-time** preview go to https://clockofclocks.web.app (Made with ❤️ in Flutter: [Web Source Code][web_source_code_link]). | ||
|
||
![clock_of_clocks_banner][clock_of_clocks_banner_image_url] | ||
|
||
--- | ||
|
||
#### Designed & Developed with ❤️ by Egor Belibov. | ||
|
||
--- | ||
|
||
[clock_of_clocks_logo_url]: https://github.com/egorbelibov/github_assets/blob/master/clock_of_clocks/images/clock_of_clocks_logo.png?raw=true | ||
[clock_of_clocks_website_link]: https://clockofclocks.web.app | ||
|
||
[latest_release_version]: https://img.shields.io/github/v/release/egorbelibov/clock_of_clocks | ||
[twitter_tweet]: https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Fclockofclocks.web.app | ||
[twitter_tweet_badge]: https://twitter.com/intent/tweet?url=https%3A%2F%2Fclockofclocks.web.app&text=Checkout%20this%20real-time%20clock%20face:&hashtags=FlutterClock | ||
[twitter_follow]: https://img.shields.io/twitter/follow/egorbelibov?style=social | ||
[twitter_follow_badge]: https://twitter.com/intent/follow?screen_name=egorbelibov | ||
|
||
[flutter_clock_challenge_website_link]: https://flutter.dev/clock | ||
[lenovo_smart_clock_website_link]: https://www.lenovo.com/us/en/smart-clock | ||
[clock_of_clocks_project_source_code_link]: https://github.com/egorbelibov/clock_of_clocks/tree/master/clock_of_clocks | ||
[web_source_code_link]: https://github.com/egorbelibov/clock_of_clocks_web | ||
[clock_of_clocks_banner_image_url]: https://github.com/egorbelibov/github_assets/blob/master/clock_of_clocks/images/clock_of_clocks_banner.png?raw=true | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,70 @@ | ||
# (Clock of Clocks) Clock Face | ||
# [![clock_of_clocks_logo][]][clock_of_clocks_website] | ||
|
||
![clock_of_clocks_on_simulator][clock_of_clocks_on_simulator_link] | ||
|
||
# Overview | ||
|
||
> `clock_of_clocks` is a **clock face** project made with [Flutter](https://flutter.dev) for the [Flutter Clock Challenge][flutter_clock_challenge_website]. | ||
The project should be able to run on any **Flutter** supported platforms ( `iOS` , `Android` , `Web` , etc... ).\ | ||
Additionally, even though it was designed for the [Lenovo Smark Clock][lenovo_smart_clock_website] screen, it should adjust to most other screens.\ | ||
(But if it doesn't, feel free to file an issue 🤓). | ||
|
||
## Main Features | ||
|
||
* **Light** / **Dark** Themes. | ||
* **12** / **24** Hour Modes. | ||
* **(m)** Minute / **(h)** Hour / **(D)** Day / **(M)** Month - Progress. | ||
|
||
## Install and Run | ||
|
||
1. Clone project. | ||
|
||
``` bash | ||
git clone [email protected]:egorbelibov/clock_of_clocks.git | ||
``` | ||
|
||
2. Make sure you **are on** and **have** the latest `stable` version of **Flutter** installed. | ||
|
||
``` bash | ||
flutter channel stable | ||
flutter upgrade | ||
``` | ||
|
||
3. Generate build folders for the platforms you want to run it. | ||
|
||
``` bash | ||
flutter create . | ||
``` | ||
|
||
4. Run it 😎. | ||
|
||
``` bash | ||
flutter run | ||
``` | ||
|
||
5. Use sonic mode ⚡️ (**Optional**) | ||
|
||
If you don't want to manually update your computer's time, in order to test the clock, revise the `state/clock_state.dart` -> `updateTime()` function to call `activateSonicMode()`. | ||
|
||
## Digit Design | ||
|
||
![clock_of_clocks_digits][clock_of_clocks_digits_link] | ||
|
||
--- | ||
|
||
#### Designed & Developed with ❤️ by Egor Belibov. | ||
|
||
--- | ||
|
||
[clock_of_clocks_logo]: https://github.com/egorbelibov/github_assets/blob/master/clock_of_clocks/images/clock_of_clocks_logo.png?raw=true | ||
[clock_of_clocks_website]: https://clockofclocks.web.app | ||
|
||
[flutter_clock_challenge_website]: https://flutter.dev/clock | ||
|
||
[clock_of_clocks_on_simulator_link]: https://github.com/egorbelibov/github_assets/blob/master/clock_of_clocks/images/clock_of_clocks_on_simulator.png?raw=true | ||
|
||
[lenovo_smart_clock_website]: https://www.lenovo.com/us/en/smart-clock | ||
|
||
[clock_of_clocks_digits_link]: https://github.com/egorbelibov/github_assets/blob/master/clock_of_clocks/images/clock_of_clocks_digits.png?raw=true | ||
|
||
A Digital Clock made of multiple Analog clocks. |