Skip to content

viliusddd/key-ninja

Repository files navigation

build

KeyNinja App

Discover the dark art of typing without looking, transforming your clumsy keystrokes into a symphony of speed and accuracy. Become the keyboard wizard your fingers always dreamed of being, and let your newfound powers impress colleagues and mystify friends!

Features

  • The countdown starts upon pressing any key.
  • Press Enter to restart with the same text or Esc/"Restart" button to restart with different text.
  • WPM and Accuracy stats are displayed in real-time, updating every second.
  • At the end of each session, a chart appears showing the gameplay history of up to 20 previous sessions. More details can be viewed by hovering the mouse over each session indicator circle:
    • Date and time the test was taken.
    • WPM - words per minute.
    • Accuracy - percentage of correct words.
    • Count of correct words.
    • Count of wrong words.
    • Corrections - how many times backspace was used.
  • It only allows going back within the boundaries of the same word.
  • The countdown time can be adjusted in the src/config.js file.
  • Incorrect letters at the end of the word will be appended:
    • Up to 5 letters (adjustable in src/config.js) or until reaching the edge of the input window border.

Tech Stack

JavaScript Chart.js HTML5 CSS3 GitHub Actions ESLint Github Pages

Setup

Use vscode live server to run the application.