🔐 Facebook Login in .NET MAUI Using WebAuthenticator: A Step-by-Step Guide Implementing Facebook login in your .NET MAUI app can greatly simplify user authentication. In this post, we’ll walk through how to integrate Facebook Login using WebAuthenticator , so you can securely sign in users on both Android and iOS. Join our exclusive WhatsApp group for Xamarin and .NET MAUI developers to connect with experts, share insights, and get help with your projects. Whether you're a beginner or an experienced developer, this group is the perfect place to enhance your skills and collaborate with the community. Estimated reading time: ⏱️ 5 minutes 🚀 Why Use WebAuthenticator? .NET MAUI provides WebAuthenticator from Microsoft.Maui.Authentication , a cross-platform API that opens a web-based login page for OAuth providers like Facebook. The benefit is: No SDK to install Secure Built-in callback handling via deep link 🛠 Step 1: Create a Facebook App Go t...

📦 How the .NET MAUI Project Structure Works – A Beginner's Guide .NET MAUI (Multi-platform App UI) is the evolution of Xamarin.Forms, designed to simplify cross-platform development by unifying Android, iOS, macOS, and Windows apps into a single project structure. Unlike Xamarin, where developers needed to juggle multiple projects per platform, .NET MAUI introduces a cleaner and more maintainable single-project approach . This blog will walk you through the entire structure of a MAUI project in detail, breaking down each part so you understand exactly what's happening under the hood. Join our exclusive WhatsApp group for Xamarin and .NET MAUI developers to connect with experts, share insights, and get help with your projects. Whether you're a beginner or an experienced developer, this group is the perfect place to enhance your skills and collaborate with the community. 📁 Solution Explorer: First Look - MyMauiApp - Dependencies - Platforms - Andro...

Setting Up Your Development Environment for .NET MAUI Before you start building amazing cross-platform apps with .NET MAUI, you first need to get your development environment ready. In this section, we’ll walk through the installation of Visual Studio, setting up emulators for Android and iOS, and ensuring that all necessary tools are in place. By the end of this guide, you’ll have a fully configured development environment for .NET MAUI, allowing you to write code, run apps, and test them on real devices or emulators. Join our exclusive WhatsApp group for Xamarin and .NET MAUI developers to connect with experts, share insights, and get help with your projects. Whether you're a beginner or an experienced developer, this group is the perfect place to enhance your skills and collaborate with the community. 1. Installing Visual Studio .NET MAUI requires Visual Studio 2022 or later to develop applications. Here’s how to install it: Download ...

Introduction In the world of mobile development, Xamarin and .NET MAUI are powerful frameworks for building cross-platform applications. As developers delve into these technologies, they often face a series of common questions during interviews or while exploring best practices. This blog provides concise answers to frequently asked questions about Xamarin and .NET MAUI, covering various aspects from basic concepts to advanced topics. Whether you’re preparing for an interview or looking to sharpen your knowledge, these insights will help you navigate the intricacies of these frameworks with ease. 1. Introduce yourself? This is where you would introduce yourself and provide a brief overview of your background, experience, and expertise in Xamarin and .NET MAUI. 2. What is Xamarin? Xamarin is an open-source platform for building modern and performant applications for iOS, Android, and Windows with .NET. 3. What is Xamarin.Forms? Xamarin.Forms is a cross...

  Introduction Deep linking in mobile applications is an essential feature that allows users to navigate to specific pages or resources within an app directly from a URL. This functionality enhances user experience by providing a seamless way to access app content, bypassing the need for manual navigation. In this blog post, we will explore how to implement deep links in both Xamarin.Forms and .NET MAUI applications. We will provide detailed explanations and code examples to ensure a comprehensive understanding. Setting Up Deep Links  HTML File for Deep Link Check First, create an HTML file to check if the app is installed and navigate accordingly: <!DOCTYPE html> <html> <head> <title>Check App Installation</title> </head> <body> <button id="checkApp">Check if App is Installed</button> <script> document.getElementById('checkApp').addEventListener('click', function() { ...

  In this article, we'll explore some of the free libraries available for .NET MAUI. In this article, we'll explore some of the free libraries available for .NET MAUI. I think many developers, when creating applications, seek free or open-source UI libraries that enhance the user experience, are compatible, or at least have support plans for .NET MAUI. That's why today, I want to share some options I found that you can explore and implement in your projects: MauiBlazor  Specifically crafted for .NET MAUI, this library provides Blazor UI components for cross-platform development. Repository: MauiBlazor on GitHub Built on Blazor, this library allows you to create cross-platform applications using C#, HTML, and JavaScript. Note: Ensure to review the documentation and updates to confirm compatibility with your .NET MAUI version. Comet  Initially designed for Xamarin.Forms, Comet is a UI framework adapted for .NET MAUI. Repository: Comet on GitHub A...

 CartTemplate.xaml <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="FoodDeliveryApp.Pages.Products.Template.CartTemplate"> <Grid Padding="5" ColumnSpacing="10" RowDefinitions="Auto" RowSpacing="0" ColumnDefinitions="150,*"> <Frame Padding="0" CornerRadius="10" Grid.Row="0" Grid.Column="0" Grid.RowSpan="4"> <Image Source="{Binding Image}" HeightRequest="80" Aspect="AspectFill"></Image> </Frame> <StackLayout Grid.Row="0" Grid.Column="1" VerticalOptions="CenterAndExpand"> <Label Text="{Binding Name}" TextColor="{x:StaticResource Gray}" VerticalOptions="Start" ...

  Food Delivery App - Product ListPage ListTemplate.xaml <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="FoodDeliveryApp.Pages.Products.Template.ListTemplate" xmlns:fontawesome="clr-namespace:FoodDeliveryApp.Utilities"> <StackLayout Padding="5"> <Frame CornerRadius="20" Padding="15" WidthRequest="300"> <Grid ColumnDefinitions="6*,4*" RowSpacing="5" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto" HorizontalOptions="FillAndExpand"> <Image Grid.Row="0" Grid.Column="0" HorizontalOptions="Start" Source="https://png.pngtree.com/png-clipart/20221013/original/pngtree-bestseller-label-png-image_8682649.png" WidthRequest="20" HeightReq...

  Food Delivery App - Filter Page watch video to understand code. Create Model for filter ProductFilterViewModel.cs public class ProductFilterViewModel : BaseViewModel { public Command LoadProductCommand { get; set; } private ObservableCollection<MenuModel> menuVM; private string filterText; private bool _isVisible = false; private bool _recentSearchIsVisible = true; private MenuModel _selectedItem; public Command ItemSelectedCommand { get; set; } public ProductFilterViewModel() { ItemSelectedCommand = new Command<MenuModel>(OnItemSelected); } public ObservableCollection<MenuModel> vm { get { return menuVM; } set { SetProperty(ref menuVM, value); } } public bool IsVisible { get { ...