I made an app that shows you your keyboard and mouse usage (with a keyboard heatmap)

#html #javascript #css #webdev

What is Keystroke Count?

Keystroke Count is an open-source, desktop app that you can use to get data for your keystrokes!
Keystroke Count keeps all your keystroke data locally stored and NO data including your keystrokes is ever collected.

This is what the app looks like

After about 20 minutes of using it 👆

After gaming on my laptop 👆

How is it made?

Keystroke Count is made using ElectronJS
It uses JavaScript, HTML and CSS

A star ⭐ on the GitHub repo would be much appreciated!

Top comments (9)

Madza • Jul 15 '21

Great little project with Electron ⚡ 👍

Virej Dasani • Jul 15 '21

Thanks a lot!

5alidshammout • Jul 18 '21

it doesn't work on windows, right?

Virej Dasani • Jul 18 '21

I don't have a windows version yet, but I'm working on it. Will let you know once it's finished 👍

Chintan Raval • Dec 22 '21

yes please.. love the simplicity of this, i've trialled the current npm install && npm start mode of the app for windows.. but would love a windows app so I dont have to script the commands and set the script to auto-start everytime.

Virej Dasani • Dec 22 '21

Hey Chintan, when you do npm install && npm start does the app work as expected?

Chintan Raval • Dec 22 '21

the app comes up.. shows the heatmap just fine with the keystrokes and mouse clicks etc.. but the terminal where I do the npm start obviously has to remain open and running as that is where the parent process starts the app from with the electron . command.. so upon closing the terminal, the app dies too.. and so windows users would have to script out the commands in a script which they’d then set to start at start up or something.. however, I haven’t yet looked at the source code to see if it’d share the same db across multiple starts.. which is why the request of the windows app.. love the simplicity of the app though 🤩