Архитектура MAUI MVVM, создание системы входа в систему при использовании API

Я пытаюсь изучить MAUI, чтобы создать проект, но, похоже, я застрял. Я не могу понять архитектуру MVVM, так как у меня никогда не было подобного опыта. Теперь я представлю свой код и хотел бы получить ответы, которые могли бы объяснить, почему он не работает, и возможное решение проблемы.

У меня есть три папки: Views, где я храню дизайн. Модели, где я храню классы. И ViewModels, которые получают данные. Это страница содержимого xaml, состоящая из страницы входа.

<?xml version = "1.0" encoding = "utf-8" ?>
<ContentPage xmlns = "http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x = "http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class = "thebridgeproject.Views.login" 
             xmlns:ViewModels = "clr-namespace:thebridgeproject.ViewModels"
             Shell.NavBarIsVisible = "False"
             Title = "LoginPage" >
    <ContentPage.BindingContext>
        <ViewModels:LoginViewModel />
    </ContentPage.BindingContext>

    <VerticalStackLayout 
            Spacing = "25" 
            Padding = "30,0" 
            VerticalOptions = "Center">

            <Image Source = "loginicon.png" HeightRequest = "150" WidthRequest = "150" />

            <VerticalStackLayout Spacing = "5">
            <Label Text = "Welcome!" FontSize = "28" TextColor = "#3B7A5E" HorizontalTextAlignment = "Center" />
            <Label Text = "Login to your account" FontSize = "18" TextColor = "Gray" HorizontalTextAlignment = "Center" />
            </VerticalStackLayout>

            <StackLayout Orientation = "Horizontal">
                <Frame ZIndex = "1" HasShadow = "True" BorderColor = "White" HeightRequest = "56" WidthRequest = "56" CornerRadius = "28">
                    <Image Source = "user.png" HeightRequest = "20" WidthRequest = "20" />
                </Frame>
            <Frame HeightRequest = "45" Margin = "-20,0,0,0" Padding = "0" HasShadow = "True" BorderColor = "White"  HorizontalOptions = "FillAndExpand">
                <Entry Text = "{Binding Username}" Margin = "20,0,0,0" VerticalOptions = "Center" Placeholder = "Username"/>
            </Frame>
            </StackLayout>

            <StackLayout Orientation = "Horizontal">
                <Frame ZIndex = "1" HasShadow = "True" BorderColor = "White" HeightRequest = "56" WidthRequest = "56" CornerRadius = "28">
                    <Image Source = "lock.png" HeightRequest = "20" WidthRequest = "20" />
                </Frame>
            <Frame HeightRequest = "45" Margin = "-20,0,0,0" Padding = "0" HasShadow = "True" BorderColor = "White"  HorizontalOptions = "FillAndExpand">
                <Entry Text = "{Binding Password}" Margin = "20,0,0,0" VerticalOptions = "Center" Placeholder = "Password" IsPassword = "True" />
            </Frame>
            </StackLayout>

        <Button Text = "Sign in" WidthRequest = "100" CornerRadius = "20" HorizontalOptions = "Center" BackgroundColor = "#3B7A5E" Command = "{Binding LoginCommand}" />

            <StackLayout Orientation = "Horizontal" Spacing = "5" HorizontalOptions = "Center">
            <Label Text = "Dont have an account?" TextColor = "Gray" />
            <Label Text = "Sign up here" TextColor = "#50b3f2" />
            </StackLayout>
        </VerticalStackLayout>
    </ContentPage>

Затем у меня есть модель, которая содержит данные для запроса API.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace thebridgeproject.Models
{
    class users
    {

        public class Result
        {
            public int NumUtente { get; set; }
            public string Nome { get; set; }
            public string Password { get; set; }
            public string Morada { get; set; }
            public string Cidade { get; set; }
            public string DataNascimento { get; set; }
            public string NumTlf { get; set; }
        }

        public class Root
        {
            public bool success { get; set; }
            public string message { get; set; }
            public List<Result> result { get; set; }
        }

    }
}

После этого у нас есть LoginViewModel:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;
using Newtonsoft.Json;
using thebridgeproject.Models;

namespace thebridgeproject.ViewModels
{
    public class LoginViewModel : INotifyPropertyChanged
    {
        private string _username;
        public string Username
        {
            get { return _username; }
            set
            {
                _username = value;
                OnPropertyChanged(nameof(Username));
            }
        }

        private string _password;
        public string Password
        {
            get { return _password; }
            set
            {
                _password = value;
                OnPropertyChanged(nameof(Password));
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        private async Task Login()
        {
            using (var httpClient = new HttpClient())
            {

                httpClient.DefaultRequestHeaders.Add("Authorization", "RaV9N");
                var response = await httpClient.GetAsync("http:///bp/utentes");

                if (response.IsSuccessStatusCode)
                {
                    var content = await response.Content.ReadAsStringAsync();
                    var users = JsonConvert.DeserializeObject<users.Root>(content);

                    if (users.success)
                    {
                        var user = users.result.FirstOrDefault(x => x.Nome == Username);
                        if (user != null && VerifyPassword(user.Password, Password))
                        {
                            // Login successful
                            // ...
                        }
                        else
                        {
                            // Login failed
                            // ...
                        }
                    }
                    else
                    {
                        // API request failed
                        // ...
                    }
                }
                else
                {
                    // API request failed
                    // ...
                }
            }
        }

        private bool VerifyPassword(string hashedPassword, string enteredPassword)
        {
            // Use the BCrypt.Net library to verify the entered password
            return BCrypt.Net.BCrypt.Verify(enteredPassword, hashedPassword);
        }
    }
}

Не обращайте внимания на ссылку API! Но это в основном так, у меня больше нет кода. Вроде ничего не делает. Я думаю, что проблема может заключаться в отсутствии кода в файле дизайна. Я открыт для предложений, и я благодарен за любой продуктивный ответ!