Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mindrones/seeboard

A visual tool to practise touch typing
https://github.com/mindrones/seeboard

keyboardio sveltejs touch-typing

Last synced: 4 days ago
JSON representation

A visual tool to practise touch typing

Awesome Lists containing this project

README

        

# seeboard

A visual tool to practise touch typing.

![Seeboard 0.0.1](doc/seeboard_001.gif)

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](https://shop.keyboard.io/) with QWERTY layout.

## Personalization

To configure your own layout:

- run `npm run dev`
- open [localhost:3000](http://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!