This test demonstrates the synchronization of two clocks: one analogue clock with rotating hands and another digital clock. These clocks can work together or separately, and they update in real-time to display the current time.
- An analogue clock that visually displays the current time with rotating hands.
- A digital clock that displays the current time in a digital format.
- Both clocks are synchronized and update every second.
To get started with the clocks test, follow these steps:
- Clone the repository to your local machine.
- Once you've cloned the app, you may test it locally by running npm commands inside the root folder.
$ npm install
$ npm run build
- The vite preview command will boot up a local static web server that serves the files from dist at http://localhost:4173. It's an easy way to check if the production build looks OK in your local environment.
- You can check out a deployed version of the App on GitHub Pages by visiting the following URL: https://jantonca.github.io/clock-react/
This component displays an analogue clock with rotating hour, minute, and second hands.
This component displays a digital clock that shows the current time in a digital format.
<div className="App">
<AnalogueClock />
<DigitalClock />
</div>
<div className="App">
<AnalogueClock />
</div>
<div className="App">
<DigitalClock />
</div>