Get this gorgeous personal template for your portfolio!

Keyboard Warrior
⌨️

2022

Keyboard Warrior

Fight bugs with finger speed and RGB lighting.

#Game#JavaScript#Canvas

A browser-based typing game where you defeat coding bugs by typing correct syntax. Features include vim mode and a mechanical keyboard sound generator.

✨ Such Features

  • Multiple language support including JavaScript, Python, and CSS

  • Vim mode for hardcore players

  • Mechanical keyboard sound effects with customizable switch types

  • Boss fights against infamous bugs like 'Undefined is not a function'

🛠️ Much Tech Stack

JavaScriptCanvas APIWeb Audio APILocal Storage

🤔 Very Challenge

Recording and implementing different mechanical keyboard sounds was surprisingly complex. We ended up sampling 15 different keyboards.

🎉 Wow Results

The game has been adopted by several coding bootcamps as a typing practice tool, and has helped improve student typing speeds by an average of 20 WPM.