The web application allows you to practice typing on the keyboard in different modes. Custom mode allows you to add your own text and practice on it. You need to register/login to save the results of metrics. All results of metrics are saved on firebase and you can manage them.
Frontend:
- TypeScript
- React
- React Router
- Redux Toolkit
- Tailwind
- PostCSS
- Twin.macro
- Flowbite
- i18next
Backend:
- Firebase
Test:
- Jest
- testing-library-react
DevOps:
- CI/CD (Github actions, Vercel)
Bundle:
- Webpack
Others:
- Prettier
- Prettier-sort-imports
- ESlint
- Displaying pressed keys on the virtual keyboard
- Displaying correct and incorrect input on the virtual keyboard and text
- Manual deletion of previously written characters
- Calculation of input results in real time
- Saving the result of text typing after entering the last character in the text for authorized users.
- Translate for Russian and English
Text for mode:
- EN
- easy: https://type.fit/api/quotes
- normal: https://dummyjson.com/posts
- hard: https://api.api-ninjas.com/v1/exercises
- RU
Note: Node.js and the npm package manager are required for the project to work. For further actions it is necessary to install them.
- Install all packages and dependencies. To do this, enter the command:
npm i
-
Create a .env.local file and fill in the variables in it according to the .env.example file
-
Start the build of the project. After installing all the dependencies, you must enter the command:
npm start
After building the project, the server will automatically start with webpack dev server and open the project in the default browser.
- Authorization data for testing:
- login: [email protected]
- password: 123456