This is a minimalistic, yet sleek design of a typing speed test. I counts the words per minute (wpm) typed, the accuracy rate, and it saves high scores in the user's browser via the localStorage function. This is a simple React page with Redux and a few animations, with a lot of room for improvement. Feel free to contribute.
- git
- You'll know you did it right if you can run
git --version
and you see a response likegit version x.x.x
- You'll know you did it right if you can run
- Nodejs
- You'll know you've installed nodejs right if you can run:
node --version
and get an ouput like:vx.x.x
- You'll know you've installed nodejs right if you can run:
- Yarn instead of
npm
- You'll know you've installed yarn right if you can run:
yarn --version
And get an output like:x.x.x
- You might need to install it with npm
- You'll know you've installed yarn right if you can run:
- Clone this repo:
git clone https://github.com/VidiHawk/typing-test
cd typing-test
- Install dependencies
yarn
- Start in your local environment:
yarn start
Your should now be able to see the webapp in your browser at http://localhost:3000/
- [] Display high scores on the home page and result page
- [] Add live wpm, and live errot count during the test
- [] Add additionnal texts
- [] Add support for typing in Chinese
- [] Add some seo friendly content at the bottom of the home page.
- [] Deploy to production
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt
for more information.
Hardhat - @HardhatHQ Patrick Collins - @patrickalphac
- Salman Shaikh from whose work this project was inspired.