akshatapp / flutter_clock

Flutter Clock Challenge Submission

Flutter Clock Challenge Submission - Akshat [app_clock]

This app is a submission for the Flutter Clock Challenge

LIVE WEB DEMO URL

Note : The above live demo url is a flutter web build hosted on GitHub Pages, there may be minor UI changes compared to the mobile platform (Android or iOS) user interface.

Run on a physical mobile device (Android) to experience the depth effect and the shadows in the design

Clock Features

• Clock Hand Depth Effect using Light and Shadows.
• Custom Painted Analog Clock
• Animated Digital Clock

• Dark Mode
• Responsive - adapts to any screen size - landscape mode only
• Colorful UI

Accessibility

• Turn ON TalkBack
• Screen readers (TalkBack) enables visually impaired users to get spoken feedback about the contents on the screen.
• Tap / Double Tap to access time or activate settings

Getting Started

• Download the project repository
• Ensure you are on the flutter latest stable channel flutter channel stable & flutter upgrade
• Unzip <project.zip> & Navigate to <app_clock> folder cd app_clock
• Run command flutter create .
• Open Emulator or connect an Android device to your machine to run the app using command flutter run

flutter channel stable
flutter upgrade
cd app_clock
flutter create .
flutter run (on Android or iOS in landscape)

Animated GIF - UI Demo

Note : The 8 bit GIF image is not able to render the experience of depth effect and shadows in the animated image. Please use a physical device while testing to experience the depth effect and shadows in the design.

Designed & Developed by Akshat Gandhi