Keyboard

5 Devlogs
2 Total hours

A keyboard that help improve typing and accuracy by highlighting random keys.

Ship #1

@Sadiya on Keyboard · 10 days ago

I made an interactive keyboard to practice typing skills. A key is highlighted at random and the user presses on the key to move on to the next. Some challenges I faced was the CSS because at first the keys were vertical instead of looking like a actual keyboard and another challenge from the CSS was that it was way too big when I made the accessible link. I am proud of being able to make a interactive and functioning keyboard.

5 devlogs
2h

Try project → See source code →

Open comments for this post

@Sadiya on Keyboard · 10 days ago

25m 24s logged

I wrote a README, made the link to the project, and I changed how the project looks because it was way too big for my liking. Here is the final look.

Open comments for this post

@Sadiya on Keyboard · 10 days ago

26m 55s logged

I have finished the JS and fixed my errors. Here is the final look.

Open comments for this post

@Sadiya on Keyboard · 11 days ago

17m 43s logged

I just finished the CSS. Here is more of the keys.

Open comments for this post

@Sadiya on Keyboard · 13 days ago

16m 36s logged

I started working on the css. This is just part of the keys.

Open comments for this post

@Sadiya on Keyboard · 15 days ago

22m 6s logged

I am working on a keyboard. I finished outlining. The keys are grouped by finger classes (pinky, ring, pointer1st, and pointer2nd)