aaronbbottner

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.

Completely revamped the entire app. Widgets are now completely scalable, you can create api endpoints for every widget for server side logic, you can add custom buttons for adding your widget to the dashboard, you can configure your widgets.

The blurry 3d gradient background from before has been revamped in 2 major ways:

1. It has hooks to allow widgets to change the backgrounds color at will(demonstrated by the Apple Music app switching the colors to quantized colors from the albulm artwork)
2. It properly animates the colors changing. I did it by having the gradient background wrapped in an AnimatePresence with Framer Motion, and then whenever the colors need to change it creates a second background underneath the old one, then fades them together, looks smooth and pretty beautiful.

As for the out of the box widgets there are 2, and plenty more to make. The two are

1. Apple Music. Using the cider.sh api I was able to hook into what apple music is playing, the Apple Music widget allows for seeking via the progress bar, restarting the song, pausing/unpausing the song, skipping the song, and it uses the aforementioned gradient background hooks to change the background’s colors to be from the quantized colors of the album artwork.
2. Weather App. The weather app has had significantly less attention to it. Primarily due to a lack of creativity, I certainly am going to research some weather apps and attempt to find the best design, but currently it is pretty barebones. Though it does have a nice morphing SVG background that morphs from different generated SVGs to give a somewhat more dynamic feel, though I want to revisit this and maybe create a more soothing look.

Started up the project. Chose Jotai, Tailwind, React + React Router, Motion, and TypeScript. The current picture looks pretty simple, but most of it can only be seen on video, the background uses a blurry 3d gradient that is shifting between colors, the colors are from the image displayed, the image gets quantized then that gets sent off to the 3d gradient. I’ve realized more of the direction with the project and promptly am going to be revamping a huge amount of it, because I want it to be more scalable. I want to allow people to easily modify, customize, and feel cozy with Mini Assist, thus have to mark sure that there good extendability

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.