People and Places // UI

January 3, 2024

Happy New Year, everyone!

Today, I’ll be taking you on a brief journey through the client-facing UI side of the People and Places Blazor Server app.

Run the app, live! https://blazorserverminiproject.up.railway.app/

The Home Screen

As you can see, we are using the default setup for the Blazor Server App.

The items that are new are the People Entry and Address Entry navigation links.


People Entry

Both entry pages are more or less the same. They include validation for the Data Annotations on our models like the [Required] and [StringLength()] annotations. Once you submit a First Name and Last Name, that person is added to the list of people below.

Here is what the UI code for the page looks like.


Address Entry

Like the other page, this page also has validation, but it just has a little different formatting with how the submit address is shown on the list. Otherwise, the foundational code is the same as the first page.

I’ll be working on starting to publish my daily works to GitHub and to Railway, so you can see and use them yourself! I hope this helped you in some way!

That's all for today, folks.


Tags

Login to add comments

0 COMMENT(S)