What I built:
-
fully remade each page to match the design. Its like a really APPLEish looking liquid glass vibe, an animated background (kinda like the iMac, but a bit different), updated the frosted sidebar look, and made the cool glass cards everywhere
-
command center, patient flow, staffing, clinical, ai insights, and labs were running on fake data before this, so now they run on the backend websocket
-
operations, copilot, and sandbox got the same glass restyle as the others, but it was a lot more work to get the buttons and all the other functions to work properly and actually communicate with the backend
-
changed the 9 sidebar icons from the design, to text tabs, and made the one ur on a greenish color and made them all black instead of gray
-
animated the wallpaperrrrrrrrrrrrrrrr (definitely my favorite part)
-
fully removed all the old files, and cleaned up dead weight and made everything cleaner
-
fixed up the gitignore, ruff_cache was only ignored at the root before, now it’s ignored everywhere it shows up (backend, frontend, root). added coverage/, .turbo/, and *.tmp
What broke:
-
when i made the first animation, it was extremely slow and it was wayyy to subtle and i could barely tell if it was moving
-
my second attempt made it look way to active and hectic
-
third try was perfect
How I fixed it:
- rewrote the keyframes with bigger swings and rotation on a ~2.5s loop for the dramatic version, then pulled it back about a third once it felt like too much.
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.