Code Monkey home page Code Monkey logo

typingspeedtest-js's Introduction

Typing Speed Test-JS

GitHub all releases GitHub language count GitHub top language Bitbucket open issues GitHub forks GitHub Repo stars

Github thumbnail

An app made in HTML, CSS and JavaScript to test typing speed


➡️ About

Typing speed test app made in HTML, CSS, and JavaScript. There are 2 modes :- Time mode and Infinity mode.
-> In time mode you need to write as much as possible before the time runs out. There are 3 options you can opt for; 1min, 2min, 3min
-> In infinity mode you have to complete the given passage in the minimum time possible.
After you are done, the result is calculated and displayed. It includes WPM(words per min), CPM(chars per min) and Accuracy

WPM - Words per minute is the number of words processed per minute. For measuring typing speed, each word is standardized to be five characters or five keystrokes long, which include white space.
CPM - CPM is the number of characters typed per minute including whitespaces.
Accuracy - Typing accuracy is defined as the percentage of correct entries out of the total entries typed.


➡️ Languages/Technologies

  • HTML
  • CSS
  • Vanilla JS
  • VScode
  • Netlify (for hosting)

➡️ Features

Modes - 1min, 2min, 3min, Infinity

Main

INSIDE Time Mode

Time Mode

INSIDE Infinity Mode

Infinity Mode

Mobile View

Mobile View


➡️ Live Link


➡️ Link to Portfolio


➡️ Demo Video

Here is a 1min video of the working app

Type.Speed.Test.mp4

➡️ Difficulties

""Not able to detect keyup event for space in android""

Event Listeners like keyup, keydown and keypress doesn't work on android. In my project I had to detect space and backspace which broke when I opened the app in my android. The code worked fine on desktop browser. For making it work on android I had to change a lot of my code, had to rely on input event for space detection. It was easy to work with keyup and keydown. Changing to input event took a lot of efforts.

Link to stackoverflow discussion on the same issue :-
-> https://stackoverflow.com/questions/50215712/javascript-block-backspace-on-text-input-on-android
-> https://stackoverflow.com/questions/30743490/capture-keys-typed-on-android-virtual-keyboard-using-javascript


THANK YOU!

typingspeedtest-js's People

Contributors

gaganpreetkaurkalsi avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.