This is an UI project which has two clocks and which has been synchronized means while editing the time of one clock will update the other clock's time .
now install npm packages
$ yarn install
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
$ yarn start
Builds the app for production to the
build
folder.
$ yarn build
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
$ yarn start
- added UI test cases for shallow rendering
- added snapshot testing
Analog clock
- show time in cirular dail
- hours, minites and seconds hands position are calculated and corresponding degeres for the hands are calculated.
Digital clock
- show time in digital foramt in
HH:MM:SS
- has clock edit support
- each clock will show setting on mouse over
- on clicking the setting shows setting inline popup
- from the popup we can edit the time
- once the time is edited and clicked on ok it will updates both the clock
- cleanup code and can have shared code
- enchance UI more fluid and responsive