Posts

Showing posts with the label #xamarin

Interview Success: Must-Know Xamarin and .NET MAUI Questions

Image
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. Please, support my blog by clicking on our sponsors ad! 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.

Essential UI Components for Ecommerce Apps in .NET MAUI / Xamarin (MVVM)

Image
  Please, support my blog by clicking on our sponsors ad! Introduction In today's digital age, creating a seamless and visually appealing ecommerce application is crucial for attracting and retaining customers. As a developer, leveraging the right tools and frameworks can make a significant difference in the efficiency and quality of your app development process. .NET MAUI and Xamarin are two powerful frameworks that enable you to build cross-platform applications with a single codebase. In this blog, we will explore the UI design for an ecommerce app using .NET MAUI and Xamarin, focusing on the essential pages that make up the core of any ecommerce platform. Below are the pages, click on them to get the code: Authentication Dashboard Product Category View Product Checkout Page

Seamless Text Extraction from Images Using .NET MAUI and Xamarin

Image
  Please, support my blog by clicking on our sponsors ad! Introduction Optical Character Recognition (OCR) is a technology that converts different types of documents, such as scanned paper documents, PDF files, or images taken by a digital camera, into editable and searchable data. OCR is widely used for digitizing printed documents, enabling the text to be edited, searched, and stored more compactly. In this blog, we will walk through the implementation of an OCR feature in a .NET MAUI and Xamarin application. We will focus on setting up the necessary packages, configuring the Android manifest, and writing the code to extract text from images using the Plugin.Maui.OCR package. Step-by-Step Implementation Prerequisites Ensure you have .NET version 8 installed. Update the Microsoft.Maui.Controls and Microsoft.Maui.Controls.Compatibility packages to version 8.0.21. Install the Plugin Install the Plugin.Maui.OCR package version 1.0.11 in your project using the following command: dotne

Keep Your App Up-to-Date: Version Tracking in Xamarin and .NET MAUI

Image
Please, support my blog by clicking on our sponsors ad!   Introduction Ensuring that users have the latest version of your app is crucial for providing the best user experience and security. In this blog post, we will discuss how to implement version tracking in Xamarin and .NET MAUI applications for both Android and iOS platforms. By the end of this guide, you will be able to check if there is a new version available and prompt users to update their apps. Setting Up Version Tracking To implement version tracking, we need to install the following NuGet packages: HtmlAgilityPack (1.11.61) Jurassic (3.2.6) Xamarin.Essentials (1.7.5) Xam.Plugin.LatestVersion (1.1.2) Code Explanation Let's dive into the code implementation for both Android and iOS. App.cs (for Android) public partial class App : Application { public App() { InitializeComponent(); MainPage = new AppShell(); } protected async override void OnStart() { try {

Implementing Deep Links in Xamarin.Forms and .NET MAUI

Image
  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() {

Food Delivery App - Cart Page

Image
Please, support my blog by clicking on our sponsors ad!  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:Stat

Food Delivery App - Product List Page

Image
  Food Delivery App - Product ListPage Please, support my blog by clicking on our sponsors ad! 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-imag

Food Delivery App - Filter Page

Image
  Food Delivery App - Filter Page Please, support my blog by clicking on our sponsors ad! 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 IsVisi

Home Page - Food Delivery App in Maui

Image
  Home Page - Food Delivery App in MAUI Please, support my blog by clicking on our sponsors ad! Follow basic setup from here You will get all page of this app from FoodDeliveryApp Menu on top. Let's Create Model MenuModel public class MenuModel { public string Name { get; set; } public decimal Price { get; set; } public string Description { get; set; } public ImageSource Image { get; set; } } RestaurantModel public class RestaurantModel { public string Name { get; set; } public string Description { get; set; } public string Rating { get; set; } public ImageSource Image { get; set; } public List<MenuModel> Menus { get; set; } = new List<MenuModel>(); } BannerModel public class BannerModel { public ImageSource Image { get; set; } } BaseViewModel public class BaseViewModel : INotifyPropertyChanged { bool isBusy = false;