Monkeytype is a minimalistic and customizable typing test. It features many test modes, an account system to save your typing speed history, and user-configurable features such as themes, sounds and more. Monkeytype attempts to emulate the experience of natural keyboard typing during a typing test, by unobtrusively presenting the text prompts and displaying typed characters in-place, providing straightforward, real-time feedback on typos, speed, and accuracy.
- Faker - for generate words
- React cookies - for using cookies in React (save user authorization)
- JWT - for generate user credential
- i18next - make our application with multi-language
- Pagination - for make pagination on LeadersBoard page
- MaterialUi - for styling some components
- Simple keyboard - for showing helpfully keyboard
- NodeJs - for back-end
- Nivo/pie - for generating a pie chart from an array of data
- React-typing-game-hook-v2 - for creating typing game functionality
- Vite
In the project directory, you can run:
Runs the app in the development mode.
Open https://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the dist
folder.
It correctly bundles React with Vite in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
You can learn more in the Create React App documentation.
You can learn more in the Vite documentation.
To learn React, check out the React documentation.
Inside the project directory, open a terminal.
To run ESLint and see what errors it is pointing, just run:
npm run lint
To automatically fix some errors, you can use ‘--fix’:
npm run lint:fix
If you want to ignore warnings, you can use ‘ --quiet’
npm run format
To learn more Install eslint in React Project
To learn more MaterialUi Documentation
To learn more Faker.js Documentation
To learn more Simple keyboard Documentation
To learn more Pagination Documentation
To learn more i18next Documentation
To learn more react-cookie Documentation
To learn more nivo/pie Documentation
To learn more React-typing-game-hook-v2 Documentation
To learn more Vite Documentation