[Bug] - Improved app performance: faster loading, smoother transitions, and quicker refresh across all screens.

[elifouts]

🫃 App Performance + UI Notes

---

App Loading Screen (Arch Bootup Screen)

App loading screen aka arch bootup screen is taking too long.

Mostly cause it is waiting for user to connect to API. BUT, I'm not sure.

There seems to be a lot of repeated requests to load images on the backend, so I am going to assume app loading is being slowed because of media uploads and clients trying to display data.

How To Test

Test this by:

1. Opening app in Expo Go
2. Running the JS debugger (or network debugger — I forget what it is called)
3. That should open a console on your computer (it did on mine)
4. Then you can see the network processes going on on the client side

Look for:

• Repeated image fetches
• Multiple API calls on boot
• Media uploads triggering re-renders
• Blocking requests before initial render

---

What I think might be happening from what i can see.

App loading is being slowed because of:

• Media uploads
• Clients trying to display data immediately
• Repeated backend image requests
• API connection blocking UI render

Needs verification via network logs.

---

Liquid Glass Idea

Someone made liquid glass with just HTML and CSS lol.

Might fork and play around to try to make it better by adding some animations.

We should style this for our app and maybe add to buttons.

Or not.

Just noting this for later.

🔗 Source:
https://codepen.io/Mikhail-Bespalov/pen/MYwrMNy

Note

I would use xcode for real liquid glass and we still could but i think it is dumb how you can only use it on windows.
android should have cool buttons tooo!

---

TODO

• Confirm if API connection is blocking boot screen
• Inspect network requests during app load
• Check for duplicate image fetch calls
• Measure time before first render
• Experiment with liquid glass UI on buttons
• make sure data loading isn't just chaotic and fast, add load in animations to everything and accurate skeleton placeholders for cards so they do not change sizes when content loads.