Figuring out how to change the wheel’s image

Today I tried to change the image of the cipher wheel.

While I was programming, I used an already existing component from the web, react-knob, to create a cipher wheel that could rotate easily and smoothly.

My understanding was that I would be able to change the look of the knob later. Sure enough, I found out that the knob itself was an SVG file, and it seemed that all I had to do to change the image was to change the SVG file. Unfortunately, it turned out to be much more difficult than that. A plethora of bugs came up while I tried to change it, and what I thought would take 15 minutes took almost 3 hours to complete.

Fortunately, I learned 2 valuable lessons from the experience: the first, don’t frontload your work to the last few weeks, and the second, never underestimate the amount of time it will take to finish a task, because there will always be unexpected setbacks.

Leave a Reply

Your email address will not be published. Required fields are marked *