Typr.

Typr. Used AI

2 devlogs
1h 42m
•  Ship certified
Created by DityaPrrdn

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.

Timeline

Ship 1

1 payout of shell 42.0 shells

DityaPrrdn

3 months ago

DityaPrrdn Covers 2 devlogs and 1h 42m

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

Update attachment

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.

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.

Update attachment