Hacker News new | ask | show | jobs
Show HN: A typing trainer that uses real code snippets (type.a2n.dev)
4 points by a2nb 73 days ago
I recently got a Lily58 split keyboard (from mechboards, if you need that information ;) ) and wanted to improve my typing speed and "proprioception".

Most typing tools (like Monkeytype) use random text / text, which didn’t feel very useful for programming.

So I built this to practice typing on real code instead.

You can train on code-like content and focus on patterns you actually use while coding.

Each code snippet come from real, know repo :) or one you add !

Would love feedback — especially from people who use split/ergonomic keyboards.

4 comments

Nice job. There are a couple of these already out there:

https://www.speedcoder.net

https://typing.io

Feedback:

You really need to let people use the Tab key instead of having to insert spaces manually. Even better would be to automatically start new lines at the correct indentation level, since Tab is often intercepted by browsers.

The current layout introduces ugly horizontal scroll bars when the viewport is even modestly resized, especially because the code snippets already use a fairly large font. As a result, you can’t see all the text at once. Since the program doesn’t auto-scroll to keep the cursor in view, it becomes very difficult to use unless you run it full screen.

Hey thanks for the feedback, the text should auto scroll, I have setup a minimum of 4 lines at the bottom, but this is maybe broken because of the overflow you talk about. I'm going to update that :)

Also, the two site you show got a shitload of cookie and login requirement. I plan to build something with no data being resold or login. Don't know if its a good idea ^^

Less cookie/login is always a plus. I've been using uBlock Origin on Firefox for so long I don't even notice stuff like that anymore.

One more bit of feedback - you left the React default favicon in the app, so you might want to change that as well.

That weird I have added a favicon last night, thanks for the feedback, I'm going to check that too
Sure. It also might just be a local caching issue - I've definitely experienced this on my apps before.
Hey looks cool, https://type.a2n.dev/test?repo=ohmyzsh%2Fohmyzsh&mode=timed&... but I reloaded the website and I got this error:

Object not found! The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.

If you think this is a server error, please contact the webmaster. Error 404 type.a2n.dev Apache

You can access the page directly from this url, I'm gonna fix that ! Thanks :)
This is a great idea. Practicing with real code seems much more useful than random text. Do you support multiple programming languages?
I have added 8 different repos (C, go, tsx, sh ts, python), but you can load a custom one, so yes :) The only limit is the tool that I use to highlight the code I guess.
It's 2026, instead of code it should be common prompts people use for their agents.
that an idea haha