Live Portfolio Blazor Web App - ACME Insurance Claim Demo

Blazor Web Development


Live Portfolio App Notes

Objective

To demonstrate my Blazor Web App development skills, I have exposed a fully functional front end Blazor Web App (with out a backend). This portfolio sample features a simple intuitive, and easy to use mobile first User Interface.

Application Title:

ACME Auto Insurance Claim Demo

Application Overview:

The Blazor Web App is a front end component designed to allow ACME customers to file auto insurance claims.

Application Features:

  • Mobile first, responsive design, mouse, touch, and keyboard accessible.
  • Info/Instructions Toggle
  • Collect multiple person data
  • Browser multi file/photo upload
  • Browser Geolocation
  • Claim collection
  • Claim Confirmation
  • Test Services

How is the Blazor Web App different from the production version?

The production version of the Blazor Web App would have a backend API to store and retrieve the data. Additionally, the production version of the app would connected to backing services that provides user authentication, authorization, role-based access control, long term storage, etc.

How to use the Portfolio Sample Blazor Web App?

Simply visit the url ACME Insurance Claim Demo and interact with the UI to File a Claim. Only 3 fields are needed to submit.

  • Policyholder ID*:
  • Incident Date*:
  • Incident Description*:

Are there missing desired features? Next steps?

Yes, of course. This is only a frontend implementation and does not have backing services (Azure functions, blob storage, active directory) and other missing functionality i.e. login/registration. Additionally, much of the code could be used in a IPhone/Android Maui based mobile applications.

Final Thoughts

I hope you enjoyed interacting with the Blazor Web App and found it helpful. If you have any questions or feedback, please feel free to reach out to me via Linked in . I am always looking to improve my skills and learn from others.

Thank you for your time and consideration.

Brandon DSouza

Skills Footprint:

Category Technical Specifics
general Web Development * Blazor Web Assembly
standards HTML * CSS * JSON * CSharp * REST * JSON
tools VSCode * GIT * Dotnet * Blazor
concepts Front End Development * Responsive Design * UI/UX
packages Blazor * Razor * DotNet * MAUI
deployment Github Actions