I’m still working on making the UI look much better, and I’m still figuring out some website stuff like how i should wire up the sidebar tabs as well as having like a nice homepage to advertise everything the app does, which will be a really fun sub-project.

Turns out making nice looking lists in react is much harder than it looks, as shown below 😭
one problem is that each symbol has a different aspect ratio so i dont even know how to fit them nicely

And unlike swiftui, its raelly raelly hard to stay consistent in your css and to keep using the ui tokens instead of making custom css everywhere.

it looks like the website is gonna be harder than the app to make after all 😔

this classes card though, for example, i think its pretty much almost done. i might need a few more borders to make it look glassy and stuff but it looks exactly like the ios version, which is the end goal!

And I added the animations to the classes card, again exactly like the iphone app.

i also got a vscode extension that shows you all of your unused css classes, i highly recommend getting one and purging your codebase!