DEV Community

Cover image for I made an app that shows you your keyboard and mouse usage (with a keyboard heatmap)
Virej Dasani
Virej Dasani

Posted on

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

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

keystroke Count

After about 20 minutes of using it πŸ‘†

keystroke Count

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)

Collapse
 
madza profile image
Madza

Great little project with Electron ⚑ πŸ‘

Collapse
 
virejdasani profile image
Virej Dasani

Thanks a lot!

Collapse
 
5alidshammout profile image
5alidshammout

it doesn't work on windows, right?

Collapse
 
virejdasani profile image
Virej Dasani

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

Collapse
 
chintanraval profile image
Chintan Raval

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.

Thread Thread
 
virejdasani profile image
Virej Dasani

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

Thread Thread
 
chintanraval profile image
Chintan Raval

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 🀩

Thread Thread
 
virejdasani profile image
Virej Dasani

I'm glad you liked the app, I'll let you know as soon as I publish a Windows version!

Collapse
 
youtube02 profile image
maxryan02

Can you do it show heatmap by specific program. Or we just want it show for specific program not entire.