Coder Social home page Coder Social logo

typing-simulator's Issues

Want to add clock

I want to add a clock so that user cant get how much time he spent here, also from this he get to know about daily practice time.
Please assign me the task under hacktoberfest2021

Bug: Two Cursors on word!

When cursor is at the end of word, and we press any wrong key(other than space & correct letter key) we get two cursors!

image

Double cursor appearing on right letter(typed) followed by a wrong letter(typed)

When we type a wrong letter, the wrong letter animation starts and if we type the right letter right after the wrong letter the animation stops and puts 2 cursors on the letter.

Reason is when we type wrong letter we are setting up a function that will remove the animation and add cursor(class) back to the wrong letter. Since we typed the right letter right after typing the wrong letter we successfully added the new cursor but after 0.8s the wrong lettter function( which was being set by setTimeout earlier) removes the animation and add cursor(class) back to the element.

This PR include a fix for this issue.
Screenshot from 2022-10-24 18-05-41-1

Want to work on timer

I want to change the css of button and also want to include some properties such as font size weight its position etc..
plz assign me this @FurqanAnwar

Animation Slowing down typing & accuracy

For typing speeds <30 WPM, it works just fine. But as speed increases, It seems to hinder the user's typing.
Typer would already type the word but it doesn't record until the animation has stopped.

Typo on the title (?)

I'm not sure if it is really a typo because "stimulator" is actually a word (and it kinda makes sense), but now the title is Typing Stimulator instead of Typing Simulator as in the title of this repo.

image

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.