The latest articles on DEV Community by Abu Bakar (@abu_bakar_85deb7e0d7639b4). https://dev.to/abu_bakar_85deb7e0d7639b4 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3923269%2F2ff5ecbb-bede-4a03-912d-a2fd1d118adb.png https://dev.to/abu_bakar_85deb7e0d7639b4 en Abu Bakar Sun, 10 May 2026 12:28:51 +0000 https://dev.to/abu_bakar_85deb7e0d7639b4/i-built-a-coding-practice-app-in-vanilla-js-heres-what-i-learned-162a https://dev.to/abu_bakar_85deb7e0d7639b4/i-built-a-coding-practice-app-in-vanilla-js-heres-what-i-learned-162a <p>I got frustrated that there was no good way to actually practice writing <br> code, so I built one.</p> <p>It's called CodeTrained — codetrained.app</p> <p>The idea is simple: you type real code snippets and it tracks your speed <br> and accuracy. Like typing practice but for actual programming languages.</p> <p><strong>What it has:</strong></p> <ul> <li>185 exercises across Python, JavaScript, TypeScript, Java, C++, C#, Go and Rust</li> <li>25 coding challenges including full app builds</li> <li>6 books you can read and type through chapter by chapter</li> <li>Weekly leaderboard, XP system, streaks, daily missions</li> <li>Works offline as a PWA</li> </ul> <p><strong>The technical bit:</strong><br> I built the whole thing as a single HTML file in vanilla JS with no <br> frameworks. Probably a mistake but I learned a lot doing it that way.</p> <p>It's completely free to use. Would love any feedback — I've been staring <br> at it so long I can't see what's broken anymore.</p> webdev productivity javascript web3