Thanks! This was about 20 hours just doing the writing for this post. I try to break things down as much as possible, your comments are encouraging.
Yeah, Adobe Illustrator is one way of doing it. I recommend Affinity Designer because it’s a one-time fee of $50, cross-platform, and just as capable as Adobe Illustrator.
I didn’t mention this in this post, however, I am now using SVGOMG to optimize all my SVGs and get the SVG code as opposed to the method I used in this article. With this tool, there is no need to get the code straight from Illustrator and Affinity Designer works just fine.
I handle all event handlers with Vue.js and not standard JS anyways as well.