Typrace

This app assesses users' ability to type code, words, and navigate code blocks using Vim motions. It identifies weaknesses, provides feedback, and generates new practice sets to target them.

Comment

Inspiration

When you learn any new skill, the best way to improve and build a solid foundation is to identify your weaknesses, and zone in on them.

When it comes to sharpening skills such as typing, or using vim motions, we found it to be both difficult to identify specific weaknesses, and even more so to actually work on them; for instance, most people don't know what combinations of keys they struggle to type, or which Vim keybinds they don't already know.

Additionally, we also noticed that many apps aimed at improving typing speed and Vim motion usage, such and MonkeyType or VimRacer make it impossible for users to focus on specific skills, as they generate completely random text sets and challenges.

What it does

Typrace is an application that aims to solve these issues, by tracking user statistics and to identify areas of improvement and generate personalized practice texts and new vim motion challenges.

How we built it

  • Front end: React 18, TypeScript, Vite, TailwindCSS, Zustand
  • Backend: Python, Flask, Flask-PyMongo
  • Database: MongoDB

Challenges we ran into

  • Implementing the Vim motions

Accomplishments that we're proud of

  • We are proud of creating a project that we would actually use

What we learned

  • Learned how to use Gumloop and MongoDB!

What's next for Typrace

  • In the future, we hope to better fine tune the text generation, and also add a feature to help people track progress over time!

Built With

Share this project:

Updates