Typing Web App

A typing trainer that runs in your browser. Features 50 lessons that unlock as you make progress and graphs that keep track of your successfully completed lessons, accuracy and typing speed. Collect gems and increase your level by completing lessons.

I started this project because I wanted to experiment combining React with other programming patterns. A typing trainer offered itself for that, because the typing and the management around the learning experience can be clearly separated. The result was an application implemented with React, where the lessons were realized with an entity-component approach. This pattern is typically used in game development. Rendering of the typing lessons is done with PixiJS.

You can check the source on GitHub or try the application directly in the browser. Since this is a typing trainer a physical keyboard is needed.