reactplay / react-play

react-play is an opensource platform that helps you learn ReactJS faster with hands-on practice model. It is a collection of projects that you can use to learn ReactJS.

https://reactplay.io

MIT License

1.36k stars 843 forks source link

(feat) Improved UI of play Typing Speed Test #1558

Closed BayajidAlam closed 1 month ago

BayajidAlam commented 1 month ago

I have update the UI made it more user friendly

issue #1552

First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

Updated the UI, that gives a user better user experience
Showed green when a correct character is typed and red for wrong one
Added max WPM(word per minute) in summary
Updated the modal
Updated README.md

Fixes #1552

Type of change

[x] New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce.

Checklist:

[x] I have performed a self-review of my own code
[ ] I have commented my code, particularly in hard-to-understand areas
[x] I have made corresponding changes to the documentation
[x] My changes generate no new warnings
[ ] I have added tests that prove my fix is effective or that my feature works
[ ] New and existing unit tests pass locally with my changes
[ ] Any dependent changes have been merged and published in downstream modules

Screenshots or example output

cover

netlify[bot] commented 1 month ago

Deploy Preview for reactplayio ready!

Name	Link
Latest commit	2762940dbea1ebacfd7b51b1b075425b6e99b26c
Latest deploy log	https://app.netlify.com/sites/reactplayio/deploys/6713ac916a6bc000087ba81b
Deploy Preview	https://deploy-preview-1558--reactplayio.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.