Let me make a working example of what you want.
But first let's fix some minor issues in your project:
- User data not encrypted(use the MareshaAES extension) -> for user data safety.
- No event triggered after the sign up button was clicked -> so you don't know if the process has been successful.
- Can just use a single
Labelcomponent for the error messages. - Can use color
NoneonVerticalArrangementand other~Arrangementcomponents. - No need to add an additional
VerticalArrangementcomponent in aScreencomponent which already acts same. - Can use the
TableArrangementcomponent. OnScreen1 - Can use a more easy-to-recognize component naming schemes and a more interactive UI for better component management(e.g. screens
signup,Screen2) - Can rename screen names except for
Screen1for better screen management. - Need to clean up blocks and remove boilerplates(as they are the origin of bugs and harder code management)
- Can use percent values for responsive, flexible, and user-friendly UI.
- Can remove unnecessary UI components such as admin commands etc.
- And like... a hundred more(I inspected your project and it does need hundreds of painful surgeries)
I might take a moment since I'm making another example for a different user.