Forem: Paramesh Rajan The latest articles on Forem by Paramesh Rajan (@paramesh636). https://forem.com/paramesh636 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%2F3735493%2F8abf6d27-2b0b-42ef-82d9-b1d61b2105fc.jpeg Forem: Paramesh Rajan https://forem.com/paramesh636 en Built a Typing visualizer, because I love typing and I wanted to make it less monotonic. Paramesh Rajan Tue, 27 Jan 2026 15:17:48 +0000 https://forem.com/paramesh636/built-a-typing-visualizer-because-i-love-typing-and-i-wanted-to-make-it-less-monotonic-537i https://forem.com/paramesh636/built-a-typing-visualizer-because-i-love-typing-and-i-wanted-to-make-it-less-monotonic-537i <p>I was looking for a music visualizer to install, and I had this idea to integrate the visuals not just with music, but with typing, because as developers, we all type, and I love typing and I just wanted to see how this would turn out.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ua6eapvc6j6d6cjzg71.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ua6eapvc6j6d6cjzg71.png" alt="Screenshot" width="800" height="449"></a></p> <p>Basically, every key is mapped to a position of the visualization and also a unique sound frequency, that is kept similar to that of a piano, essentially turning your computer keyboard into a piano keyboard. This is my first fully functional desktop app, which I've developed completely in Linux, kept it fully open-source, and I'm pretty proud of how it turned out. </p> <p>Anyway, check it out and tell me what you think and if you had fun. Would love the feedback.</p> <p><a href="https://keystream.pages.dev/" rel="noopener noreferrer">Download</a><br> <a href="https://github.com/paramesh636/keystream" rel="noopener noreferrer">GitHub</a></p> webdev programming javascript sideprojects