typr is a clean, minimalist, and modern typing game designed to help you improve your typing speed and accuracy. Built with Vue.js and Vite, it offers a fast, responsive, and seamless user experience. The interface is designed to be distraction-free, allowing you to focus solely on your typing.
Key Features:
WPM and Accuracy Tracking: Get real-time feedback on your Words Per Minute (WPM) and accuracy percentage at the end of each round.
Modern & Clean UI: A beautifully designed interface with a sleek dark theme and vibrant yellow accents that is easy on the eyes.
Responsive Design: Practice your typing on any device, whether it's a desktop, tablet, or mobile phone.
Instant Feedback: Incorrect letters are immediately highlighted, helping you to recognize and correct mistakes as you type.
Focus Mode: The typing area lights up when active, helping you stay focused during the game.
Neon
Check their projects out: Annoy Lou, Slack zeon, Ntfy w/ som, Summer of making Share votes, @grok is this true, ruby scrapes a book site, SoM userscript, Shipwrecked random phone number, Washing machine updates
Hannes Leonhartsberger
Check their projects out: Google Ai Eradicator, Psychisches Kriegsgerät, Photoshop Wakatime Plugin, Algorithm Explorer, Vexillum
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
typr has evolved from a simple typing test into a comprehensive typing training platform with beautiful themes and real-world code practice. Each phase has focused on both functionality and user experience, resulting in a polished, professional application that rivals commercial typing software
The development of typr began as a basic Vue.js prototype with fundamental typing logic but was hindered by critical bugs, including crashes from word generation errors and incorrect cursor positioning. The initial focus was on stabilizing the application by fixing these core issues, preventing memory leaks by properly managing the game timer, and refining the backspace functionality. With a stable foundation, the user experience was enhanced by adding an accuracy metric alongside WPM and making the input feel more responsive. The project was then rebranded from its original name to the sleeker typr, establishing a new identity. The final phase was a complete UI/UX overhaul, where the layout was restructured for responsiveness, and a modern, polished aesthetic was introduced with a new color palette, improved typography, and subtle animations to create the engaging and visually appealing typing game it is today.
Really cool project! It has taught me that I am quite slow at programming in comparison to normal typing.
Although I think it would be really cool to also have the CTRL + Backspace keybind as it is really slow to manually backspace a word.