Blaze Type

Inspiration

We got inspired because we already used to play typing test games on our own before and thought it would be a great idea to try to make our own since it could teach us many valuable lessons.

What it does

Blaze Type is a typing test game that helps users test and train their typing skills through a fun and challenging experience. Users can enjoy different typing modes based on time, word count or quotes. Users can further customize their experience by changing themes, enabling or disabling punctuation and numbers, and adjusting light and dark modes. As users are progressing through the test, Blaze Type’s real-time analytics feature keeps them motivated by showing WPM, overall accuracy, and time elapsed.

How we built it

Blaze Type was made using modern web dev technologies such as next.js, react, tailwind css and shadcn UI

Challenges we ran into

Generating the random text was a simple task, but making it sound human-like was already a bit of a challenge which required using advanced probability distributions.
Handling the placement of the false cursor required us some thought on what approach to use, either using one cursor, and moving it when the user types, or putting a hidden cursor on each character and showing it when needed.
The scroll effect was quite complicated, we had to find a way to find the repartition of the words and how were they displayed on the screen to know when to show and hide lines to mimic the scroll effect