Clock Demo

As demonstration of my abilities with TypeScript and React, this project renders an analog clock in the style of an old vector display.

It looks like this:

This project was bootstrapped with Create React App.

Setup

Install npm packages:

npm install

Development

Start the development server:

npm start

Testing

Run tests with jest:

npm test

Contributing

Run eslint before contributing:

npm run lint

Alternatively, fix some lint errors in place:

npm run lint:fix

TODO

Some ideas

• Extract all time related magic numbers into some sort of model layer
• Play with CSS/SVG WebGL shaders to further simulate a CRT display
• Make some typed helpers for rendering SVG path command strings
• Time travel