{"id":26751589,"url":"https://github.com/sayed3li97/flutterclock-challenge-bh","last_synced_at":"2026-05-05T20:39:18.694Z","repository":{"id":198676339,"uuid":"229473862","full_name":"sayed3li97/FlutterClock-Challenge-BH","owner":"sayed3li97","description":"This source code is to be used as a starting point to enter the FlutterClock challenge. It contains necessary code to display the time in a way that can be easily modified to create your awesome designs.","archived":false,"fork":false,"pushed_at":"2021-12-10T11:09:47.000Z","size":32547,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-10-06T11:41:45.543Z","etag":null,"topics":["dart","flutter","flutter-demo","flutter-examples","flutter-ui"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sayed3li97.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-12-21T19:31:03.000Z","updated_at":"2023-10-06T11:41:46.680Z","dependencies_parsed_at":null,"dependency_job_id":"251d85ef-5524-4bb6-8cba-7cf65a793d96","html_url":"https://github.com/sayed3li97/FlutterClock-Challenge-BH","commit_stats":null,"previous_names":["sayed3li97/flutterclock-challenge-bh"],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed3li97%2FFlutterClock-Challenge-BH","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed3li97%2FFlutterClock-Challenge-BH/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed3li97%2FFlutterClock-Challenge-BH/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed3li97%2FFlutterClock-Challenge-BH/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sayed3li97","download_url":"https://codeload.github.com/sayed3li97/FlutterClock-Challenge-BH/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246026095,"owners_count":20711581,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dart","flutter","flutter-demo","flutter-examples","flutter-ui"],"created_at":"2025-03-28T12:18:53.271Z","updated_at":"2026-05-05T20:39:18.651Z","avatar_url":"https://github.com/sayed3li97.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n\u003ca href=\"https://flutter.dev/\" \u003e \u003cimg height=\"50px\" src=\"images/Google-flutter-logo.png\"\n     alt=\"Flutter Logo\" /\u003e \u003c/a\u003e\n\u003ca href=\"https://www.meetup.com/GDG-Manama/\" \u003e \u003cimg height=\"50px\" src=\"images/gdgmanamalogo.png\"\n     alt=\"GDG Manama Logo\" /\u003e \u003c/a\u003e\n# Flutter Clock Challenge\n\nThis source code is to be used as a starting point to enter the FlutterClock challenge. It contains the necessary code to display the time in a way that can be easily modified to create your incredible designs. \n\n# Demo \n\u003cimg height=\"150px\" src=\"images/clockfinal2.gif\"\n     alt=\"GDG Manama Logo\" /\u003e\n\n# Getting Started\n1. [Fork repository](https://github.com/sayed3li97/FlutterClock-Challenge-BH/fork) or clone and download the repository \n1. Install [Latest Flutter version](https://flutter.dev/docs/get-started/install)\n1. Install [Android Studio / IntelliJ / VSCode](https://flutter.dev/docs/development/tools/android-studio)\n1. Run the command `flutter pub get`\n1. Run the command `flutter run`\n\n1. If you don't have flutter installed, you can use [DartPad](https://dartpad.dartlang.org/) However, you will not be able to use external packages  \n\n# Addtional information \n1. To add a custom font, you can use [Google Font Package](https://pub.dev/packages/google_fonts)\n\n1. To add [animation to the time text, you can follow this tutorial](https://www.youtube.com/watch?v=FEQpKnhceKM)\n\n\u003ciframe width=\"648\" height=\"233\" src=\"https://www.youtube.com/embed/FEQpKnhceKM\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c/iframe\u003e\n\n1. To format the Date in different forms, replace the string in the code below \n\n```Dart\nDateFormat(\"hh\").format(dateTime);\n```\nReplace \"hh\" with the desired format from the skeleton column in the table below \n\nICU Name                     | Skeleton\n --------                    | --------\n DAY                         | d\n ABBR_WEEKDAY                | E\n WEEKDAY                     | EEEE\n ABBR_STANDALONE_MONTH       | LLL\n STANDALONE_MONTH            | LLLL\n NUM_MONTH                   | M\n NUM_MONTH_DAY               | Md\n NUM_MONTH_WEEKDAY_DAY       | MEd\n ABBR_MONTH                  | MMM\n ABBR_MONTH_DAY              | MMMd\n ABBR_MONTH_WEEKDAY_DAY      | MMMEd\n MONTH                       | MMMM\n MONTH_DAY                   | MMMMd\n MONTH_WEEKDAY_DAY           | MMMMEEEEd\n ABBR_QUARTER                | QQQ\n QUARTER                     | QQQQ\n YEAR                        | y\n YEAR_NUM_MONTH              | yM\n YEAR_NUM_MONTH_DAY          | yMd\n YEAR_NUM_MONTH_WEEKDAY_DAY  | yMEd\n YEAR_ABBR_MONTH             | yMMM\n YEAR_ABBR_MONTH_DAY         | yMMMd\n YEAR_ABBR_MONTH_WEEKDAY_DAY | yMMMEd\n YEAR_MONTH                  | yMMMM\n YEAR_MONTH_DAY              | yMMMMd\n YEAR_MONTH_WEEKDAY_DAY      | yMMMMEEEEd\n YEAR_ABBR_QUARTER           | yQQQ\n YEAR_QUARTER                | yQQQQ\n HOUR24                      | H\n HOUR24_MINUTE               | Hm\n HOUR24_MINUTE_SECOND        | Hms\n HOUR                        | j\n HOUR_MINUTE                 | jm\n HOUR_MINUTE_SECOND          | jms\n HOUR_MINUTE_GENERIC_TZ      | jmv\n HOUR_MINUTE_TZ              | jmz\n HOUR_GENERIC_TZ             | jv\n HOUR_TZ                     | jz\n MINUTE                      | m\n MINUTE_SECOND               | ms\n SECOND                      | s\n\n[For more information about DateFormat](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsayed3li97%2Fflutterclock-challenge-bh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsayed3li97%2Fflutterclock-challenge-bh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsayed3li97%2Fflutterclock-challenge-bh/lists"}