Back in late 2022, I needed a telestrator for a project. I wanted something simple where I could load a video from a link or upload a file and draw on top of it. Being unable to find any free options, I stitched together a handful of open-source packages, used the chance to sharpen my React skills, and built a web-based telestrator of my own, open-sourcing the code along the way.
The project sat about 85–90% complete until earlier this year, when I started integrating Cursor into my development. I pointed it at the original repo and laid out what I wanted changed, from rewriting the project from scratch with the latest React release to referencing the code I had already written and refactoring it, all while using Agent Mode to help me complete the remaining work.
If you’re curious, the site and source code are linked above, so feel free to try it out and see how it works under the hood.
Built with React, MUI Joy & Netlify