librespeed
New UI with TailwindCSS
Description
hey , I'm just vibe coding some new UI/UX stuff and anyone who wants to help who has experience with Tailwind or UI in general, I need your help. I have minimal UI experience but I'm absolutely tired of this old ugly UI.
check the linked PR to see my progress or contribute there or report bugs here
what's working so far:
- download /upload progress works
- some data is being shown from getip() and other functions
What needs to be done :
- showing all the data ( distance, isp info , sponsor ,etc) at the right place)
- Some minor UI bugs need to be fixed
- Most importantly any bad CSS or code that needs to be optimized
Optional: screenshots
landing page (dark mode):
landing page (light mode) :
@sstidl @adolfintel
Hey let me know what you think, any comment , feedback , etc is welcomed.
also have created a draft PR , if you want to look at it
I've tested this and it looks really good, but I'm not getting any location or distance information. I think the backend isn't passing this information to the frontend, which should be provided by the backend via ipinfo.
I think the backend isn't passing this information to the frontend, which should be provided by the backend via ipinfo. This is a well documented and known issue, but has still not be properly addressed. Astounding to me that this is the only internet speed test that cannot provide this most basic information.
I really like the direction that this UI/UX is going. One thing that I would add is the release version number and release date (just something small, in the bottom/right of the screen). Since LS is hosted on multiple servers, it would be helpful to know the version currently being run on any given server.