I was inspired to make this after seeing the JWST images. I thought it would be cool to have something that would zoom in on random parts of those huge images, and maybe you could see things that you wouldn't otherwise see. This resulted from that.
First time using ViteJS and Mantine, and second project using TailwindCSS. I enjoyed how quick it was to develop with Vite and Tailwind. I did have trouble getting the behavior of the fading to work correctly, because rendering those huge files in <canvas>, you can't predict how long it takes for the compositor to display. Also, using React hooks doesn't seem to be as ergonomic for something like a long-running timer, because you have to reset and re-run the timers when dependencies change. Part of the solution was updating Refs using useEffect, and using those refs within the timer function.
The nice thing about this is that it works on my LG tv, so I can have a slideshow on that!