MOOVPAD Web App – Latest Update

Long Weekend Vibin' 😎

OK peoples of the ether... maestro Tiesto has done it again this week, with another awesome release for us all to share and enjoy on this, a long weekend of MOOVPAD work and great tunes just like this!

Turn this one up and let's see today's progress πŸ™‚

22-06-11-01

All-In-One Web Dev 😁

The capture below with screenshots of the current testing page may not appear exciting at first glance, but if you look a little deeper, you might notice something a little different.

In any case, let me walk you guys through the very basics of what is in the captures.

Ordinarily with Blazor apps, you have different components that are each a small part of the overall UI, which are then brought together to form a page. This approach works fine as long as you only need to pass relatively small amounts of data and are willing to make regular trips back to the server to retrieve more data, or you're willing to use things like cookies to store information client-side.Β  But in the first capture above, I've included multiple parts of the UI on a single page, each in it's own <div> and simply hidden all but one at launch.

22-06-11-02
22-06-11-03

Now when the MOOV button is initially pressed, the initial 'screen' - showing just HelloWorld for now, but could be a complete web page - is then hidden and a replacement one is loaded (in this case, the login elements) as shown in the second capture above. Again, all of these UI elements are just for testing purposes and will obviously look very different in the final deployment test version, which will be different again when the MOOVPAD v2.0 website and app are actually launched to a wider audience after MS Azure testing.

In the third capture above, we can see that the stored user credentials are returned from the database and displayed (shown here as a simple 'EMH' user name only), and a third 'screen' is then loaded (in this case, the Counter from the basic VS 2022 Blazor template used as a demo for this purpose).

So now that I know the approach works, I can continue on with more of the Azure learnings and some more coding a bit later.

Catch you all again soon πŸ™‚

Stay awesome,

EMH

Screenshot from 2022-06-09 20-15-07