Oliwer Kitkowski
Web Developer
I create modern, high-performance, and responsive websites using using the latest technologies.
Cleaning Calendar
Cleaning Calendar was created partially becuase I was looking for an excuse to learn Astro. I had this idea of creating a one page app that would display the next weekend's cleaning schedule, so that my siblings would finally know when it's their turn to clean the bathroom.
Stack
Astro · React · TypeScript · TailwindCSS
Infrastructure
Vercel · Turso
Goals
My biggest goal was to create an experience around the calendar, that would keep them engaged long enough to actually read the cleaning schedule. You see, their attention span is about 3 seconds, so I had to include some flashy animations to keep them interested. That's why the two gifs take up more space than the actual calendar.
I also had to include a way to edit the schedule, in the likely scenario when one of them would still forget to clean their respective area, so I hooked up a little Turso database that stored the schedule order.
Challenges
Gifs are very heavy. You need to compress them multiple times to get them to a reasonably small size, but by then they look really bad. Don't use gifs on your website if you don't have to.