mindrones / seeboard

A visual tool to practise touch typing

# seeboard

A visual tool to practise touch typing.

Given a random text for you to type, highlights the current target key and the keys you type, so that if you miss the target you can see how far you are and adjust without looking at the keyboard.

It doesn't show symbols on keys intentionally, to help you remember their position.

Colors suggest the finger to use:

• green -> index
• cyan -> middle
• gold -> ring
• pink -> pinky (obviously :)
• brown -> thumb

Usage

• Press Enter when you have completed the text,
• Press PageUp or PageDown to update the text and restart,

It currently shows the Keyboard.io with QWERTY layout.

Personalization

To configure your own layout:

• run npm run dev
• open localhost:3000
• modify src/app/components/Keyboardio/keyToChar.json
• the page will refresh automatically after a new build.

Contribute!

At the moment only meta keys and letters are working, no punctuation or other symbols. You can help by opening issues or PRs to help completing this layout, sending new layouts (PRs, gists, pastebins, whatever it works is OK) or even just pointing me to new keyboards drawings, I can take care of turning them into Svelte components if you don't know how to do so. We'll add some keyboard and/or layout selector in that case :)

Thanks!

seeboard's Issues

As a user I want to type keys on "rest columns"

When I have to press keys outside on the "rest columns" [1] I easily lose the rest positions, which slows me down, so a good starting point would be to type only words containing letters on the rest columns.

[1] for example on QWERTY layout, Left: TGB, Right: YHN