BlazorSamples

Blazorsamples

Reserved repository for samples/experiments with Framework Blazor and C# for professional improvement, placing knowledge learned in the Blazor.essential of José Carlos Macoratti course.

Simple to-do app / maui simple to-do app

Using practically the same code, the first app from experiments to put Blazor's knowledge into practice is a very simple task manager where you can create a new task, edit a registered task and erase as well. The tasks can be marked as completed and are listed with pagination feature, being displayed 5 tasks per page, filtering based on both task name (task column) and in your description (Description column). The data is saved locally using the location. The Simple to-Do App is a Blazor Webassembly that runs on the browser and the Maui Simple to-Do App is a version of the same app that runs on multiple platforms, having already been compiled and tested on Windows and Android. One detail that I really liked was the very few change made to get a web application running on various platforms natively. I want to evolve these two projects, adding dark theme and more responsiveness and toast messages.

Blazor resources learned and used:

• Componentization
• Interoperability with JavaScript
• Pagination and data filtering
• List Manipulation
• Responsiveness (with bootstrap)
• Delegates
• Renderfragment
• Parameters
• Asynchronous programming
• Code-beam
• Classes
• Databinding
• Repeat Ties and Conditional
• Directive
• EventCallback
• Component life cycle
• Dependency Injection
• Layouts
• Component Reference (@ref)
• Routing and Navigation
• Forms
• NavigationManager
• Validation of Forms
• Dark and dark way
• Implemented recording and reading of the theme directly from LocaStorage
• Toast Messages
• Apply changes clearly/darkly to maui simple to-do app

Main screen image of the Simple To-Do App Project (Task Management Application):

Webapi - Customers

I created a Webapi using C# and ASP.NET Core, using mysql with authentication, authorization and endpoints for simple customer data that is used on blazorclients.

Resources learned and used:

• Swagger documentation
• Use of ado.net
• Pagination and data filtering
• List Manipulation
• HASHMD 5 for use of ETAG
• Authentication / Authorization
• Asynchronous programming
• Code-beam
• Classes
• Repeat Ties and Conditional
• EventCallback
• Dependency Injection
• Treatment of errors with try ... catch

Blazorclients

Example of system with login, logging, account creation, and customer crud. Under construction...