Xamarin App Design Pattern

The resulting ePortal Xamarin App implements a Model-View-ViewModel (MVVM) pattern as shown in the following figure:

Figure 2. MVVM Design Pattern

View
The View is the presentation of the cross-platform mobile user interface. Views contain user interface objects. For example, labels, buttons, and sliders.
ViewModels
In a Xamarin project, the data transfer between the View and the DataModel is completed with the help of ViewModels.
Model
The Model (DataModel) is referred to as the domain object. It represents the actual data or information to deal with. For example, a contact containing name, phone number, and address.
Note: The model contains the information and not the behavior or service that handles the information. In a Xamarin project, the data model or model is generated using the AutoRest utility, and the data models interacts with the Web API using the HTTP based REST API Client.