Left Arrow Large icon of a male with wavy hair and a button-up shirt

Ike Bischof

Open project in new tab

Real-Time Keystroke Visualizer

Live demonstration for Circle K International—Sac State
Spring 2024

A keyboard where some keys are highlighted in green

Problem and Solution

Skills Demonstrated

Results

Description

A website that displays the user’s keystrokes in real time while typing in a textbox. I used it to give a live demonstration of keyboard navigation shortcuts on a computer which I wasn’t allowed to install software on. At first, I looked for websites that could visualize keystrokes while allowing the user to type in a textbox. When I failed to find a website that met my requirements, I took an afternoon to make one instead, utilizing code from a website that was similar to what I needed.