ietebitmesra / hacktoberfest-2020 Goto Github PK

The typing area that is currently present is very small and makes it difficult to view all the typed words at once. It also feels a bit out of place.

Please make the area as well as the text that appears in it a bit bigger and dominant.

The error count does not update on input in the typing test

1. When the user completes a block of text an alert message appears at the top, I think this feature is not needed. Please Remove the alert text.
2. The user needs to type an extra character after completing the text, for the Complete message to appear. This should be fixed. As soon as the user types the CORRECT last character of the text block, the text should be logically complete.

The generate button is not working as expected. When clicked, It should generate some random text in the display.
PS: Check the linked external JS file for bugs ;)

Use media queries to make the app responsive for mobile and tablet devices.

https://hacktoberfest.digitalocean.com/profile

Add the "hacktoberfest" topic to your repository
Your PR was submitted to a repository that is not participating in Hacktoberfest. Maintainers of the repository can add the "hacktoberfest" topic to their repository if they wish to participate.

The javascript file has not been linked in the html file

When a user finishes a test , the countdown timer stops but the input box is still enabled , i.e. the user can still input text , even though the test is logically finished .

The way to stop the timer now is that the user needs to press the Stop Timer button. This is fine, but a better way would be to stop the timer automatically as soon as the user completes the text block, that needs to be typed. This will give the app a better UI.
P.S. Don't forget to update the info block accordingly.

During testing, it came to my notice this strange bug.

BEFORE typing '

AFTER typing '

Notice the change in error count even when the text entered is correct. Also, the text-color is not changing to red, that means logically it is correct. If anyone has any idea about this bug or know how to resolve it feel free to make a PR

Typing speed , error count and accuracy to not reset on pressing the generate button . These values should be reset to 0 on pressing the generate button , as a new session/typing test is getting started .

Rules for Hacktoberfest 2020 has been updated on 3 Oct.
In this Repository README.md file old rules are present.

Now PRs can be made to only those participating public repos on GitHub, those that have the Hacktoberfest topic.

If the user generates a new sentence before finishing the previous one, the timer goes double speed.

The app was intentionally hard-coded and made as simple as possible. Now, since the app is much more functional and robust, it's time to pay attention to the UI of the app. I need a simple, minimalistic UI that doesn't look distracting or dominating. Be creative in this one.
EDIT: Now, we have added the improvements feature, refer #95, which demands a nice UI asap. There are a couple of things that needs to be adjusted there also:

1. Remove the Arrows emoji that was just for reference, and replace it with +, -, and colored texts (red and green).
2. Make partitions in the dials to show improvements in one line (and decrease the height of dials, increase width instead).
3. Make the font-size for improvements smaller compared to the current result.
4. Make the dials look more attractive, you can refer to some templates from dribble or codepen, if you like.
5. Enhance the UI of the timer as well.

The generate button does not always work for the first time. Sometimes, it takes two or three clicks to generate the next set of text. This might be due to a small bug in updateText.js. Please resolve this issue.

When a user makes an error while typing the error count increases and the text becomes red, but as soon as the user corrects the error, the count goes down. This is not the case with other typing test apps out there. The error count should measure the total number of errors you made while typing a particular text, and should not decrease even when the user corrects their mistake.

There are currently only three sample texts for testing. Please add more.

This might a bug, that is causing the timer to go crazy when you hit the generate button without completing that particular test. Please fix this ASAP.

I think adding a new feature to show improvements of the user will really enhance the UI/UX of the app. We want to show the improvement the user made for this particular text from the previous text. Take the initial reading to be 0.
e.g. Let's suppose the user generates his first text for this session and starts typing. In the end, if these are his results:
Speed : 50 WPM
Error: 2
Accuracy: 95 %

Then, there should be another reading beside the original showing the improvement user made from the previous test.
e.g.
Speed: 57 WPM ⬆️+7 WPM
Error: 5 ⬇️-3 [take care of the logic for error improvement]
Accuracy: 91 % ⬇️ -4 %

After the test, update the new previousCounts by taking the average of currentCounts and previousCounts. Refer the logic from here

The word speed does not update on input

Currently, the timer starts automatically when the user clicks the generate button, but we want the timer to start as soon as the user starts typing the first letter of the first word to have a more precise speed measurement.

Add a virtual keyboard that will help users to touch type more efficiently.

A timer needs to be added to the Typing test , which shows the time elpased since the test started .

The accuracy does not update on input in the typing test

Ideally, the typing area should be cleared as soon as a new set of text is generated when clicking the generate button.