# Jayant Tripathy > Developer Guide ## Posts - [Run Local LLMs in .NET: Rapid Prototyping with Ollama & Semantic Kernel](https://jayanttripathy.com/run-local-llms-in-net-rapid-prototyping-with-ollama-semantic-kernel/): In this article, we will learn about Run Local LLMs in .NET: Rapid Prototyping with Ollama & Semantic Kernel. We discuss here how to run large language models completely offline in .NET using Ollama and Semantic Kernel. This quick start demonstrates private, affordable, and flexible local AI for modern C# developers, including setup, integration, and sample use cases. Please read my previous article on Building your own AI Assistant Using Python, LangChain, Streamlit & GPT‑4o (Step‑by‑Step Guide). SUPPORT ME Unlock the power of Large Language Models on your own hardware! This tutorial shows you how to combine Ollama and Microsoft’s Semantic Kernel to run state-of-the-art LLMs locally,… - [Building your own AI Assistant Using Python, LangChain, Streamlit & GPT‑4o (Step‑by‑Step Guide)](https://jayanttripathy.com/building-your-own-ai-assistant-using-python-langchain-streamlit-gpt%e2%80%914o/): In this article we will learn about Building your own AI Assistant Using Python, LangChain, Streamlit & GPT‑4o (Step‑by‑Step Guide). If you’ve been curious about how AI chatbots work and want to build your own, you’re in the right place. In this hands-on guide, you’ll discover how to create a fully functional chatbot using two powerful open-source frameworks: LangChain and Streamlit. These tools make it surprisingly simple to integrate advanced language models and build interactive user interfaces – all with Python. SUPPORT ME Throughout this tutorial, you’ll follow clear, step-by-step instructions to assemble a chatbot from scratch. You’ll learn how… - [How to Secure React.js application with Azure AD Authentication Using MSAL Library](https://jayanttripathy.com/how-to-secure-react-js-application-with-azure-ad-authentication-using-msal-library/): In this article, we will learn about How to Secure React.js application with Azure AD Authentication Using MSAL Library. In the modern digital era, securing your web applications is crucial. A key component of this security is the implementation of user authentication and authorization. Azure Active Directory (Azure AD) provides a powerful platform for this purpose, and the Microsoft Authentication Library (MSAL) simplifies integration of Azure AD into React.js applications. In this article, I will walk you through the process of integrating Azure AD authentication into your React.js app using the @azure/msal-browser and @azure/msal-react libraries. This integration will bolster your… - [🔐 Securing .NET Core Web Apps with Azure AD/Intra and MSAL](https://jayanttripathy.com/securing-net-core-web-apps-with-azure-ad-intra-and-msal/): In this article, we will learn about 🔐 Securing .NET Core Web Apps with Azure AD/Intra and MSAL. In today’s cloud-based environment, secure online apps with strong authentication and permission systems are more important than ever. Microsoft offers sophisticated tools for developers, such as Azure Active Directory (Azure AD) and the Microsoft Authentication Library (MSAL), to help them secure their apps efficiently. This article will introduce you to these tools and walk you through a step-by-step process to protect your.NET Core web apps. Please read my previous article on Step-by-Step Guide to Using Azure Redis Cache in ASP.NET Core 9… - [Step-by-Step Guide to Using Azure Redis Cache in ASP.NET Core 9 Web API](https://jayanttripathy.com/step-by-step-guide-to-using-azure-redis-cache-in-asp-net-core-9-web-api/): In this article, we will learn about Step-by-Step Guide to Using Azure Redis Cache in ASP.NET Core 9 Web API. Azure provides a fully managed version of Redis called Azure Cache for Redis. It acts as a high-performance, in-memory data store that helps boost both the speed and scalability of applications. By keeping frequently accessed data in memory, it allows APIs and services to handle large volumes of requests much faster, ensuring quick read and write operations. Please read my previous article on Redis, Redis Caching in ASP.NET Core. 🚀 Explore the Full Source Code on GitHub GitHub Repo: Step-by-Step… - [🤖 Build a Full-Stack AI App with React, Node.js & Azure OpenAI](https://jayanttripathy.com/build-a-full-stack-ai-app-with-react-node-js-azure-openai/): In this article we will learn about 🤖 Build a Full-Stack AI App with React, Node.js & Azure OpenAI. We are developing an intelligent web application that blends a dynamic user interface with a smart conversational backend. It takes advantage of Azure’s GPT models to provide real-time AI-driven features like chatbot responses, summaries, and even code suggestions, all while preserving scalability and speedy development via GitHub Copilot CLI and DevOps workflows. Please read my previous article on Building Real-Time Messaging with Kafka and .NET Core. Artificial intelligence has advanced from a buzzword to a backend. Developers can now use cutting-edge… - [Running Microsoft SQL Server in Docker | VS Code MSSQL Extension](https://jayanttripathy.com/running-microsoft-sql-server-in-docker-vs-code-mssql-extension/): In this article we will learn about the Running Microsoft SQL Server in Docker | VS Code MSSQL Extension. Setting up a Microsoft SQL Server instance used to be a time-consuming operation that involved a complete installation and system-level configuration. However, thanks to Docker, we can now launch a fully functional SQL Server instance in minutes, without damaging our system environment. Please read my previous article on How to run ASP.Net Core Web Application in Docker Container. In this guide, we’ll walk through how to: Docker containers provide an isolated and consistent environment for PostgreSQL, which is refreshing. Say goodbye… - [Building Real-Time Messaging with Kafka and .NET Core](https://jayanttripathy.com/building-real-time-messaging-with-kafka-and-net-core/): In this article, we will learn about Building Real-Time Messaging with Kafka and .NET Core. In today’s fast-paced digital environment, real-time data processing is essential. Apache Kafka stands out as a reliable distributed event streaming technology capable of managing high-throughput, low-latency data flows. Integrating Kafka and .NET Core enables developers to create scalable, event-driven applications. Please read my previous article on How to Build a Serverless CRUD app with Azure function and Cosmos DB. KafkaSample-DotNetCore project, which demonstrates a simple Kafka integration using .NET Core. The project consists of a Producer API, a Consumer console application, and a Docker Compose… - [Effortless React Deployment 🚀: CI/CD with GitHub Actions & Azure Static Web Apps](https://jayanttripathy.com/effortless-react-deployment-ci-cd-with-github-actions-and-azure-static-web-apps/): In this article, we will learn about Effortless React Deployment 🚀: CI/CD with GitHub Actions & Azure Static Web Apps. In this guide, we will walk through the step-by-step process of creating a React application, pushing it to GitHub, and effortlessly deploying it to Azure using GitHub Actions. Please read my previous article on How to deploy Angular App in Azure Static Web App. CI/CD for React with GitHub Actions & Azure Continuous Integration and Continuous Deployment (CI/CD) are essential for modern web applications. Automating your deployment process ensures smooth, error-free, and efficient application updates. In this guide, we will… - [How to Set up an Amazon CloudFront Distribution for Amazon S3 Bucket 🚀](https://jayanttripathy.com/how-to-set-up-an-amazon-cloudfront-distribution-for-amazon-s3-bucket/): In this article, we will discuss How to Set up an Amazon CloudFront Distribution for Amazon S3 Bucket. Amazon Web Services (AWS) provides a powerful and scalable solution for hosting and distributing static information through its Simple Storage Service (S3) and CloudFront. This article walks you through configuring a CloudFront distribution for an S3 bucket, which improves the speed and security of content delivery to your consumers. Please read my previous article on How to send SMS using Amazon Simple Notification Services(SNS). What is CloudFront? Architecture Diagram Here’s a simple architecture diagram outline for setting up an Amazon CloudFront Distribution… - [Deploying Angular apps in Azure Blob Storage with CI/CD Integration 🚀](https://jayanttripathy.com/deploying-angular-apps-in-azure-blob-storage-with-ci-cd-integration/): In this article, we will learn about Deploying Angular apps in Azure Blob Storage with CI/CD Integration. Using the Static website functionality in an Azure Storage Account is a low-cost and straightforward approach to quickly launching an Angular app (or any other type of SPA). If you want to automate the deployment of your Angular app to Azure Blob Storage, follow this guide using CI/CD with Azure DevOps Pipelines. Please read my previous article on how to Build a serverless CRUD app with Azure Functions and Cosmos DB. 📌 What we cover in this article? Prerequisites Why do we use Azure Blob Storage over Azure App Service… - [How to Build a serverless CRUD app with Azure function and Cosmos DB](https://jayanttripathy.com/how-to-build-a-serverless-crud-app-with-azure-function-and-cosmos-db/): In this article, we will learn How to Build a serverless CRUD app with Azure function and Cosmos DB. We will walk you through the entire process of creating a restful CRUD API hosted on Azure cloud infrastructure. We will also leverage serverless technologies, specifically Azure functions and Cosmos in serverless capacity mode. Azure Functions is a serverless service that allows you to offer APIs to do certain activities. Today we will look at an example of retrieving data from an Azure SQL using the Azure function API. With a few small adjustments, you can utilize the API to do… - [How to resolve Function App Cannot Create within Azure Portal](https://jayanttripathy.com/how-to-resolve-function-app-cannot-create-within-azure-portal/): In this article, we will learn How to resolve the issue that a Function App Cannot create within the Azure Portal. Also, you can find that Azure FunctionApp is not showing the Function(fx) option. Please read my previous article on How to create Azure Functions using Azure Portal. Here you can see the below image we can’t see the option Function “Create in Azure Portal”. In the below image we can see on the earlier version of Azure function we can see the Functions on the left menu where we can create the Azure functions template but on the new… - [Building a Chatbot in Angular using Gemini API](https://jayanttripathy.com/building-a-chatbot-in-angular-using-gemini-api/): In this article, we will learn about Building a Chatbot in Angular using Gemini API. In this guide, you’ll learn how to leverage Gemini APIs to develop cutting-edge AI-powered Angular applications. Please read my previous article Create a RESTful CRUD API With NodeJS, ExpressJS, And MongoDB – Complete Guide. Please find the source code here on this GitHub link. What is Gemini API? Gemini API is part of Google’s generative AI (Gen AI) ecosystem. It is designed to provide developers access to Google’s Gemini models, which are advanced generative AI systems capable of processing and creating human-like content, such as:… - [Create a RESTful CRUD API With NodeJS, ExpressJS And MongoDB - Complete Guide](https://jayanttripathy.com/create-a-restful-crud-api-with-nodejs-expressjs-and-mongodb/): In this article, we will learn How to Create a RESTful CRUD API With NodeJS, ExpressJS, And MongoDB. We’ll cover how to create an API and use it for basic tasks. Before you start, it’s important to have a good understanding of JavaScript, Node.js, Express.js, and JSON, as this will focus entirely on backend programming. Please follow this article if you are new to MongoDB to see how to install and configure it. ASP.NET Core Web API with MongoDB CRUD- Beginner’s Guide. This Node.js server code establishes a RESTful API for managing user data, offering endpoints to perform CRUD (Create,… - [How to run a React Native app on Windows: Setup React Native Environment](https://jayanttripathy.com/how-to-run-a-react-native-app-on-windows/): In this article, we will learn about How to run a React Native app on Windows: Setup React Native Environment. In this tutorial, we cover how to install Android Studio, set up an emulator, and develop and execute a React Native project. Please read all my articles on React here in this link. What is React Native? Facebook developed React Native, an open-source framework for building mobile applications using JavaScript and React. It enables developers to create apps for both iOS and Android platforms with a single codebase, significantly reducing development time and effort. Prerequisites to Installing dependencies We will… - [Create a responsive sidebar with Angular Material- Angular 18 Example Series](https://jayanttripathy.com/create-a-responsive-sidebar-with-angular-material/): This article will teach us How to Create a responsive sidebar with Angular Material- Angular 18 Example Series. Sidebar navigation menus are the most frequent layout type web apps used today. However, most of the components we have are not very responsive. In this tutorial, I’ll show you how to create a completely responsive sidebar navigation menu in Angular using the Angular Material module. Please read my previous article on How to Deploy Angular 17/18 App in GitHub Pages. Angular Material allows you to add wonderful, already working features to your applications, but not all of them are suitable for… - [How to Deploy Angular 17/18 App in GitHub Pages](https://jayanttripathy.com/how-to-deploy-angular-17-18-app-in-github-pages/): In this article, we will learn How to Deploy Angular 17/18 App in GitHub Pages. GitHub Pages is a website hosting service offered by GitHub, a popular platform for hosting software development projects in Git. It lets users host websites straight from their GitHub repositories. This service is convenient for developers because it works perfectly with their existing GitHub workflow and offers free hosting for personal and project websites. GitHub Pages is a free tool from GitHub that allows developers to convert their code into websites. Please read my previous article on How to Deploy Angular App in GitHub Pages… - [.NET 8 Authentication with Identity in a Web API using Bearer Tokens and Cookies](https://jayanttripathy.com/net-8-authentication-with-identity-in-a-web-api-using-bearer-tokens-and-cookies/): In this article, we will learn about the implementation of .NET 8 Authentication with Identity in a Web API using Bearer Tokens and Cookies. The new Identity endpoints introduced in .NET 8 are designed to make it easier to integrate ASP.NET Core Identity into API server applications. Please read my previous article on JWT Authentication And Authorization With Identity Framework in .NET Core 6.0. </> Please find the Source Code on this link. Creating a .NET8 Web API Project Install the below packages Here we have added Authentication with an Identity mechanism, Please follow the below steps. Creating DataContext Class… - [How to convert Text To Speech With Azure Cognitive Services using Angular and .Net Core](https://jayanttripathy.com/how-to-convert-text-to-speech-with-azure-cognitive-services-using-angular-and-net-core/): In this article, we discuss How to convert Text To Speech With Azure Cognitive Services in Angular and .Net Core. We will cover here what is Azure Cognitive Service and the benefits of use. Azure Cognitive Services offers various tools and services for converting text to speech. One of the primary services for this purpose is the Azure Cognitive Services Text to Speech API. Please read the previous article on Logging into Azure App Service with ASP.Net Core. </> Please find the Source Code on this link. What is Azure Cognitive Service and why is it used? Azure Cognitive Services… - [CRUD operation using the repository pattern with .Net 8, Ef-Core, and MySQL](https://jayanttripathy.com/crud-operation-using-the-repository-pattern-with-net-8-ef-core-and-mysql/): In this article, we will learn about CRUD operation using the repository pattern with .Net 8, Ef-Core, and MySQL. We explored the Repository pattern using .NET Core and SQL Server in a previous post (How to Implement Repository Pattern in ASP.Net Core Web API); in this piece, we will connect to the MySQL database to familiarize ourselves with it. Please read my previous article on How to use Response Compression in .NET Core. </> Please find the source code on this link. What is a Repository Pattern? The repository pattern is a class in your Infrastructure layer that lets you… - [Angular Interceptors- The Complete Guide](https://jayanttripathy.com/angular-interceptors-the-complete-guide/): In this article we will learn about Angular Interceptors- The Complete Guide. Interceptors in Angular, as the name suggests, is a simple way provided by the framework to intercept and modify the application’s http requests globally before they are sent to the server. That really comes in handy, allowing us to configure authentication tokens, add logs of the requests, add custom headers that out application may need and much more. Please read my previous article about Understanding of HttpClient in Angular. What Is An Angular HTTP Interceptor? An HTTP interceptor is an Angular service that intercepts HTTP requests and responses… - [How to install and configure AWS Toolkit for VS Code](https://jayanttripathy.com/how-to-install-and-configure-aws-toolkit-for-vs-code/): The AWS Toolkit for Visual Studio Code offers a comprehensive experience for creating serverless applications. You can get started quickly with built-in project templates that use the AWS Serverless Application Model (AWS SAM) to specify and configure resources. The toolkit also provides an integrated experience for step-by-step debugging of serverless apps using the AWS SAM CLI, as well as quick deployment from the IDE. - [Building CI/CD Pipeline(YAML) using Azure DevOps - GitHub to Azure Web App (PaaS)](https://jayanttripathy.com/building-ci-cd-pipeline-yaml-using-azure-devops/): CI/CD pipelines are a practice that uses automation to improve software delivery across the whole software development life cycle. CI can be considered as the first stage in producing and delivering code, and CD as the second. CI focuses on preparing code for release (build/test), whereas CD involves the actual release of code (release/deploy). - [How to use Response Compression in .NET Core](https://jayanttripathy.com/how-to-use-response-compression-in-net-core/): In this article, we will learn about How to use Response Compression in .NET Core. In .NET Core, response compression can be used to minimize the amount of HTTP responses sent from your server to clients. This can result in faster load times and decreased bandwidth utilization, particularly for clients that have slower network connections. Please read my previous article on How to send SMS using Amazon Simple Notification Services(SNS). The HTTP protocol is utilized to perform this compression. The server can compress the data using methods such as Gzip, Deflate, or Brotli. Browsers support these approaches and can extract… - [How to send SMS using Amazon Simple Notification Services(SNS)](https://jayanttripathy.com/how-to-send-sms-using-amazon-simple-notification-services-sns/): In this article, we will learn How to send SMS using Amazon Simple Notification Services(SNS). We will see a step-by-step process to send the SMS using SNS in the AWS Console. Please read my previous article on Send Emails from ASP.NET Core using Amazon SES. What is SNS (Amazon Simple Notification Services)? Amazon SNS (Amazon Simple Notification Services) is a notification service used to send notifications to the subscribed endpoint or devices. It is provided as a part of Amazon Web Services. It provides a low-cost infrastructure for the mass delivery of messages, emails, notifications, etc.. Steps to implementing Amazon… - [How to migrate .Net Core 7 to .Net Core 8](https://jayanttripathy.com/how-to-migrate-net-core-7-to-net-core-8/): In this article, we will learn How to migrate .Net Core 7 to .Net Core 8, We’ll talk about why we need to migrate, and what benefits Net Core 8 provides. Please read my previous article Upload Download and Delete files in Azure Blob Storage using ASP.NET Core and Angular. You can download the .NET 8 SDK from here or you can use Visual Studio 2022 latest release Visual Studio 2022 17.8 release. If you have already Visual Studio 2022, then you can just upgrade to Visual Studio 2022 17.8 from the Visual Studio installer itself. The features of .NET 8, as announced… - [How to Integrate GraphQL in .Net Core](https://jayanttripathy.com/how-to-integrate-graphql-in-net-core/): In this article, we will learn How to integrate GraphQL in .Net Core. To integrate GraphQL in a .NET Core application, we can use the HotChocolate library, which is a popular GraphQL server implementation for .NET. We will discuss a step-by-step guide on how to integrate GraphQL into a .NET Core application using HotChocolate. Please read my previous article on Introduction to GraphQL. Here we learn the basic setup for using GraphQL in a.NET Core application with HotChocolate. You can extend this by defining more complicated kinds, integrating with databases, and incorporating authentication as needed for your application. For more… - [Upload Download and Delete files in Azure Blob Storage using ASP.NET Core and Angular](https://jayanttripathy.com/upload-download-and-delete-files-in-azure-blob-storage-using-asp-net-core-and-angular/): In this article, we will learn about Upload Download and Delete files in Azure Blob Storage using ASP.NET Core and Angular. We’ll look at how to set up Azure Blob Storage and build services in ASP.NET Core Web API to upload, list, download, and delete files from Azure Blob Storage. To accomplish these activities from the client side, we will develop an Angular application. Please read my previous article on How to upload files to Azure Blob Storage using Asp.Net Core Web API. Please find the source code on this GitHub link. Setting up Azure Blob Storage Let us first… - [How to upload files to Azure Blob Storage using Asp.Net Core Web API](https://jayanttripathy.com/how-to-upload-files-to-azure-blob-storage-using-asp-net-core-web-api/): In this article, we will learn about How to upload files to Azure Blob Storage using Asp.Net Core Web API. We discussed here what Azure Blob Storage is and how to utilize it to upload a file to ASP.Net Core Web API. Please read my previous article on How to store app secrets in ASP.NET Core using Secret Manager. Please find the Source Code on this GitHub Link. What is Azure Blob Storage? Azure Blob Storage is a Microsoft Azure cloud-based object storage solution. It is intended for the storage and management of unstructured data such as documents, photos, videos,… - [Introduction to Azure Cosmos DB](https://jayanttripathy.com/introduction-to-azure-cosmos-db/): In this article, we discussed the Introduction to Azure Cosmos DB why it is used, and what benefits of Cosmos DB. Azure Cosmos DB is intended to overcome the difficulties associated with current application development. Traditional databases frequently fail to meet the requirements of today’s dynamic, dispersed, and globally networked applications. Please read my previous article on How to Build ASP.Net Core API using Azure Cosmos DB Local Emulator. What is Azure Cosmos DB? Cosmos Database (DB) is a globally distributed, low latency, multi-model database for managing data at large scales. It is a cloud-based NoSQL database offered as a… - [How to create Cosmos DB in Azure](https://jayanttripathy.com/how-to-create-cosmos-db-in-azure/): In this article, we will explain How to create Cosmos DB in Azure. CosmosDB is a database service supplied by Microsoft that may be used for any type of application, such as web, IOT, or gaming, that requires enormous data read, write, and processing. CosmosDB has become one of the most sought-after Azure services of all time due to its infinite capacity for data management. Internally, MongoDB, like other non-relational database engines (MongoDB, Cassandra, and so on), stores all data in an efficient storage format such as Key-value, Graph, or Document stores. Before Starting this article please refer to my… - [Why ReactJS is used over plain JavaScript](https://jayanttripathy.com/why-reactjs-is-used-over-plain-javascript/): In this lesson, we will learn Why ReactJS is used over plain JavaScript. Complex and dynamic web apps have grown in popularity as technology has advanced. As a result, additional React frameworks and tools have been developed to accelerate development. However, the two questions that users keep returning to are the advantages of ReactJS over plain Javascript and how developing web applications using React differs from plain Javascript. If you’re wondering whether React is better than simple JavaScript, this article will be pretty helpful. Another critical concern is whether using it would improve the performance of your web app and… - [How to store app secrets in ASP.NET Core using Secret Manager](https://jayanttripathy.com/how-to-store-app-secrets-in-asp-net-core-using-secret-manager/): In this article, we will learn How to store app secrets in ASP.Net Core using Secret Manager. We describe how to manage sensitive data on a development machine for an ASP.NET Core project. Passwords and other sensitive data should never be stored in source code. Development and testing should not use production secrets. Secrets should not be distributed with the app. Production secrets should instead be accessed through a regulated mechanism such as environment variables or Azure Key Vault. The Azure Key Vault configuration provider allows you to store and safeguard Azure test and production secrets. Please read my previous… - [Logging into Azure App Service with ASP.Net Core](https://jayanttripathy.com/logging-into-azure-app-service-with-asp-net-core/): This article will teach us about Logging into Azure App Service with ASP.Net Core. You can use the built-in logging capabilities of.NET Core, specifically the Microsoft.Extensions.Logging library, to log a.NET Core application to the Azure App Service logs filesystem. Azure App Service provides a file system where you can store application logs, and you can configure your.NET Core application to write records to this file system. Please read my previous article on Create CRUD Operation using ReactJs and ASP.Net Core API- Starter Template. Creating ASP.Net Core Web API Application Using the below steps we can create an ASP.Net Core Angular… - [Integrate Paging in ASP.Net Core Web API- Beginner's Guide](https://jayanttripathy.com/integrate-paging-in-asp-net-core-web-api/): This article will discuss How to integrate Paging in ASP.Net Core Web API. This is the starter guide that helps you understand the concept of paging in ASP.Net Core Web API. Please read my previous article on How to use Policy-based Authorization using JWT in .Net Core 7 and Angular. Please find the source code in this GitHub Repo. What is Paging? Assume you have an API endpoint that might possibly return millions of entries with a single request. Assume there are 100s of users who will exploit this endpoint by requesting all of the data at the same time. This… - [Create CRUD Operation using ReactJs and ASP.Net Core API- Starter Template](https://jayanttripathy.com/create-crud-operation-using-reactjs-and-asp-net-core-api/): This article will teach us about Create CRUD Operation using ReactJs and ASP.Net Core API. This post will show you how to use React JS to do CRUD (Create, Read, Update, and Delete) actions. A step-by-step article for CRUD operations in React Js will be provided. Please read my previous article on How to use Policy-based Authorization using JWT in .Net Core 7 and Angular. Please find the complete Source code in this GitHub Link. At the end of this article, we can see the output below. We constructed a CRUD example with ASP.Net Core and ReactJs, this is the… - [Introduction to GraphQL](https://jayanttripathy.com/introduction-to-graphql/): In this lesson, we will learn about Introduction to GraphQL. We explored how, why, and when to use GraphQL in this article. GraphQL was developed in 2012 and released as open-source by Facebook in 2015. In 2019, Facebook and others established the GraphQL Foundation, which is hosted by the Linux Foundation and serves as a neutral, non-profit home for GraphQL assets and continuous collaboration. The GraphQL Foundation serves as a completely neutral home for the GraphQL trademark and collects and distributes membership dues to fund essential community infrastructure and programming. Please read my previous article Creating a Sample ReactJs Application… - [Creating a Sample ReactJs Application using VS Code](https://jayanttripathy.com/creating-a-sample-reactjs-application-using-vs-code/): In this lesson, we will learn about Creating a Sample ReactJs Application using VS Code. You are aware that VS Code is now the most popular editor code for creating Client Applications. React is a popular JavaScript library for building user interfaces, It has gained a lot of popularity due to its ease of use, flexibility, and performance. If you want to get started with React, one of the first things we’ll need to do is create a new React app. Please read my previous lesson on React Building Single Page Applications(SPA) with ReactJS. For more details, you can visit this… - [How to use Policy-based Authorization using JWT in .Net Core 7 and Angular](https://jayanttripathy.com/how-to-use-policy-based-authorization-using-jwt-in-net-core-7-and-angular/): In this article, we will learn How to use Policy-based Authorization using JWT in .Net Core 7 and Angular. Here We will use JWT to implement authentication and policy-based authorization in the application. The web application will have two user roles: administrator and user. Each role will have role-based access to the application. We’ll go over how to set up and validate a JWT. Please read my previous article on How to use Azure Key Vault in ASP.Net Core. Please find Source Code on this GitHub link. Prerequisites Install the .NET Core 7.0 SDK from https://dotnet.microsoft.com/download Install the latest version of… - [Intro to Azure Logic Apps- Complete Guide](https://jayanttripathy.com/intro-to-azure-logic-apps/): In this article, we will learn about Intro to Azure Logic Apps- Complete Guide. Logic Apps is a service that runs on the cloud. It enables us to respond to an event in one service (for example, Facebook) and then do something with the data from that event in another service (for example, Twitter). Users create workflows to automate certain business actions and procedures across applications and services. We can use Azure Logic Apps to connect our mission-critical apps and services, automating your workflows without writing a single line of code. Please read my previous article on How to use… - [How to use Azure Key Vault in ASP.Net Core](https://jayanttripathy.com/how-to-use-azure-key-vault-in-asp-net-core/): In this article we will learn about How to use Azure Key Vault in ASP.Net Core. Azure Key Vault is a safe and dependable service for storing sensitive information including secrets, keys, and certifications. In this blog, we’ll discuss how to build a .Net Core Web application and combine it with Azure Key Vault for secure secret storage and access. Please read my previous article of How to Implement Repository Pattern in ASP.Net Core Web API. Please find the Source Code implementation here in this link. One of the ways we can keep our secrets secret is by using the… - [How to create Azure Functions using Azure Portal](https://jayanttripathy.com/how-to-create-azure-functions-using-azure-portal/): In this article we will learn about How to create Azure Functions using Azure Portal. This tutorial will teach you how to use the Azure portal to develop Azure function apps. You will learn how to configure your Azure functions runtime, programming language, and trigger type. You will also learn how to configure Azure functionalities based on your needs utilizing the Azure portal’s numerous options. Please read my previous article of How to Build ASP.Net Core API using Azure Cosmos DB Local Emulator. What is Azure Functions? Azure function apps are a serverless compute service offered by Microsoft Azure that… - [How to Build ASP.Net Core API using Azure Cosmos DB Local Emulator](https://jayanttripathy.com/how-to-build-asp-net-core-api-using-azure-cosmos-db-local-emulator/): In this article we will learn about How to Build ASP.Net Core API using Azure Cosmos DB Local Emulator. Here we will learn how to use EF Core to develop a .NET 7 API that can perform CRUD operations on Azure Cosmos DB. Please read my previous article of How to Send Emails from ASP.NET Core using Azure. Cosmos DB local emulator is being used for testing, this is a completely free database service. You may easily run the emulator on your Windows PC. You can download the Emulator MSI setup from this URL. Find Source Code here in this link.… - [How to Send Emails from ASP.NET Core using Azure](https://jayanttripathy.com/how-to-send-emails-from-asp-net-core-using-azure/): In this article we will learn about How to Send Emails from ASP.Net Core using Azure. Azure provides a dedicated service for securely sending emails at scale. This tutorial will walk you through the entire process of setting this up in.NET. Please read my previous article of Send Emails from ASP.NET Core using Amazon SES. Users can now send bulk emails directly from their app thanks to Azure Email Communication Service. It can be integrated with pre-made software development kits (SDKs) for Java, Python1, C#, JavaScript, and three other programming languages. It is a new primitive that enables Application-to-Person (A2P)… - [Send Emails from ASP.NET Core using Amazon SES](https://jayanttripathy.com/send-emails-from-asp-net-core-using-amazon-ses/): In this article we will learn about How to Send Emails from ASP.Net Core using Amazon SES. Do you need dependable and effective solution to send emails from your ASP.NET Core web applications? – If YES then this detailed post will teach you how to send emails from ASP.NET Core using Amazon SES, also known as Amazon Simple Email Service, allowing you to send emails with ease. Please read my previous article of Create a Blazor Web-Assembly App using Azure Function and deploy it as an Azure Static App. Find the Source Code in this link Email communication is vital… - [Create a Blazor Web-Assembly App using Azure Function and deploy it as an Azure Static App](https://jayanttripathy.com/create-a-blazor-web-assembly-app-using-azure-function-and-deploy-it-as-an-azure-static-app/): In this article we will learn about How to Create a Blazor Web-Assembly App using Azure Function and deploy it as an Azure Static App. Microsoft has developed various web-based frameworks for web development throughout the years, including Asp.Net MVC, Asp.Net Web Page, and, most recently, Asp.Net Core. However, developers continue to choose Asp.Net Web Forms since it is much simpler, more stable, and more productive than the other framework. Asp.Net WebForms is still utilized by around 500,000 web developers today. Microsoft released Blazor, a new web-based framework, in 2018. Please read my previous article of How to Deploy Blazor… - [Building Single Page Applications(SPA) with ReactJS](https://jayanttripathy.com/building-single-page-applicationsspa-with-reactjs/): In this article we will learn about Building Single Page Applications(SPA) with ReactJS. A Single-Page application (SPA) is a webpage that dynamically interacts with the web browser by rewriting the current web page with data from the webserver. As a result, the webpage does not reload during its execution and instead operates in a browser. Please read my previous lesson on React of How to create a react App. Difference between Single Page applications and Multi Page applications? Single-page applications are ideal for developing dynamic, fast-loading websites, particularly if you intend to create a mobile app. The most significant disadvantage of… - [Implement GitHub Copilot Chat in Visual Studio](https://jayanttripathy.com/implement-github-copilot-chat-in-visual-studio/): In this article we will learn about Implement GitHub Copilot Chat in Visual Studio. Here we will explore what GitHub Copilot is, why it is utilized, what benefits developers may gain from it, and ultimately how to enable this. Please read my previous article of GitHub Copilot Chat in VS Code for Developers. What is GitHub Copilot? Github copilot chat is an artificial intelligence (AI) application that assists developers in answering questions and generating code in a simple and engaging manner. It is a Chat GPT for developers, to summarize. It is important to emphasize that this tool is in preview… - [GitHub Copilot Chat in VS Code for Developers](https://jayanttripathy.com/github-copilot-chat-in-vs-code/): In this article we will learn about GitHub Copilot Chat in VS Code for Developers. Here we will explore what GitHub Copilot is, why it is utilized, what benefits developers may gain from it, and ultimately how to enable this. Please read my previous article of Hangfire with ASP.Net Core 7.0- Background Jobs. What is GitHub Copilot? Github copilot chat is an artificial intelligence (AI) application that assists developers in answering questions and generating code in a simple and engaging manner. It is a Chat GPT for developers, to summarize. It is important to emphasize that this tool is in preview… - [Hangfire with ASP.Net Core 7.0- Background Jobs](https://jayanttripathy.com/hangfire-with-asp-net-core-7/): In this article we will learn about in details of Hangfire with ASP.Net Core 7.0- Background Jobs. Almost all applications require some kind of background work. Whether it’s a long and arduous work or a repeated job that we have to do every other day, we’ll discover how to quickly implement it in this post. We’ll be using Hangfire, an open-source ASP.NET Core library, for this. Running jobs in the background is a common programming task that we face on a regular basis. And performing these jobs correctly without breaking your code isn’t easy, but it’s also not difficult. I… - [How to Deploy Blazor WebAssembly to AWS Amplify](https://jayanttripathy.com/how-to-deploy-blazor-webassembly-to-aws-amplify/): In this article we will learn How to Deploy Blazor WebAssembly to AWS Amplify. We will learn how to deploy Blazor WebAssembly to AWS Amplify as well as CI/CD using GitHub, giving you a streamlined development workflow. You’ll learn how to set up your Amplify environment, configure hosting and authentication, and take use of Amplifies powerful infrastructure to ensure lightning-fast performance and easy scalability. Please read my previous article Implement Unit Test in ASP.Net Core Middleware. Blazor WebAssembly, a cutting-edge Microsoft framework, enables you to create interactive and feature-rich online apps in C# and.NET. You can easily deploy and manage… - [How to Integrate AdminLTE with ASP.NET Core](https://jayanttripathy.com/how-to-integrate-adminlte-with-asp-net-core/): In this article we will learn about How to Integrate AdminLTE with ASP.NET Core. The AdminLTE template is the best open source admin dashboard & control panel theme. Built on the Bootstrap UI framework. AdminLTE provides a range of responsive, reusable, and commonly used components. We’ll also go through how to integrate Identity Server into our MVC application. You’ll also learn a lot about Views, Layouts, Partial Views, Conditional Rendering, Navigation Indicator, and much more. Please read my previous article of JWT Authentication And Authorization With Identity Framework in .NET Core 6.0. What is AdminLTE? AdminLTE is an open-sourced Admin… - [Implement Unit Test in ASP.Net Core Middleware](https://jayanttripathy.com/implement-unit-test-in-asp-net-core-middleware/): In this article we will learn about how to Implement Unit Test in ASP.Net Core Middleware. Each ASP.NET Core request processing pipeline contains one or more middleware components. In this post, we’ll look at how to use unit tests to test middleware components and classes. Please read my previous article of How to Implement Repository Pattern in ASP.Net Core Web API. Middlewares are one of the most powerful components in the ASP.NET Core framework, using which we can perform a particular functionality over an incoming request or an outgoing response. We can use them for practical purposes such as Logging,… - [Synchronous and Asynchronous in JavaScript](https://jayanttripathy.com/synchronous-and-asynchronous-in-javascript/): In this article we will learn about Synchronous and Asynchronous in JavaScript. Here we will discuss where and why it required to use synchronous and asynchronous programming in JavaScript. To give you an idea, Synchronous is a blocking operation, whereas Asynchronous is a non-blocking operation, which means that in synchronous, another set of operations will be blocked until a specific operation is completed, whereas in asynchronous, none of the operations are blocked. Let us now go through this in further depth to better grasp synchronous and asynchronous programming in JavaScript. Please read my previous article of Most popular ASP.Net Core… - [Most popular ASP.Net Core Libraries every developer should know](https://jayanttripathy.com/most-popular-asp-net-core-libraries-every-developer-should-know/): In this article we will learn about Most popular ASP.Net Core Libraries every developer should know. Open-source libraries greatly reduce developer workload and make it easier to construct and manage applications. Here it go over some of the most useful ASP.Net Core libraries that every developer should be aware of. Please read my previous article of How to deploy Angular App in Azure Static Web App. List of ASP.Net Core Libraries are : Below are some of the list of ASP.Net Core libraries that are commonly used. On below we discuss about bit more of frequent used libraries. Serilog /… - [How to deploy Angular App in Azure Static Web App](https://jayanttripathy.com/how-to-deploy-angular-app-in-azure-static-web-app/): In this article we will learn about How to deploy Angular App in Azure Static Web App. We will go through the concept of Azure Static Apps and how to use them to host any Angular App. Azure Static Apps is one of Azure’s greatest web app services, allowing us to deploy any sort of application on the Azure platform. The shortened procedure from source code to deployment with high availability makes Azure Static Apps more valuable. The Azure Static Web app service is also incredibly handy because it manages the entire CI/CD process for us and eliminates the need… - [How to create a react App](https://jayanttripathy.com/how-to-create-a-react-app/): In this article we will learn about How to create a react App. This article will walk you through setting up your first React app and assumes you are familiar with text editors and command line navigation. Please read my previous article React Installation and Environment Setup. Install React We can install React using npm package manager by using the following command. There is no need to worry about the complexity of React installation. The create-react-app npm package manager will manage everything, which needed for React project. Create a new React project Once the React installation is successful, we can… - [React Installation and Environment Setup](https://jayanttripathy.com/react-installation-and-environment-setup/): In this article, we will learn about React Installation and Environment Setup. Here we will learn how to set up an environment for the successful development of ReactJS application. Please read my previous article Intro to ReactJS Application. Pre-requisite for ReactJS Step 1: Install Node.js installer for windows. Click on this link. Here install the LTS version (the one present on the left). Once downloaded open NodeJS without disturbing other settings, click on the Next button until it’s completely installed. Step 2: Open command prompt  to check whether it is completely installed or not type the command node -v npm-v Installing ReactJS using… - [Intro to ReactJS Application](https://jayanttripathy.com/intro-to-reactjs-application/): In this article we will learn about Intro to ReactJS Application. React is a modular Javascript library created by Facebook which helps to make web apps fast and efficient with minimal coding. In this blog, we will make a simple React application that can be used to compare different products. Please read my previous article of Global Error Handling in Angular. What is ReactJS? ReactJS is a JavaScript library for creating reusable UI components that is declarative, efficient, and versatile. It is an open-source, component-based front end library that is exclusively responsible for the application’s view layer. It was created… - [Global Error Handling in Angular](https://jayanttripathy.com/global-error-handling-in-angular/): In this article we are going to discuss about Global Error Handling in Angular. We also learn how to use Angular to build a Global Error Handler or a custom error handler. We discover why we must manage errors and some of the best practices. Finally, we will learn how to inject services into the general error handler, as well as how to display a user notification page. Please read my previous article Understanding of HttpClient in Angular. Why it need to Handle Errors? Handling errors is the most important part of application development. These errors hinder our work, the… - [How to Implement Repository Pattern in ASP.Net Core Web API](https://jayanttripathy.com/how-to-implement-repository-pattern-in-asp-net-core-web-api/): In this article we will learn about How to Implement Repository Pattern in ASP.Net Core Web API. This article describes how to use Entity Framework Core to implement the repository pattern in ASP.NET Core. Using migration, we will create a database from a model using the “Code First” development approach. And we test the API here using Postman Tool. Please read my previous article of How to Implement AutoMapper in ASP.Net Core – Beginner’s Guide. Prerequisites .NET 6 SDK (or newer) A .NET code editor or IDE (e.g. VS Code with the C# plugin, Visual Studio) Some experience with ASP.NET Core MVC or Web API… - [How to run ASP.Net Core Web Application in Docker Container](https://jayanttripathy.com/how-to-run-asp-net-core-web-application-in-docker-container/): In this article we will learn about How to run ASP.Net Core Web Application in Docker Container. Here, we discuss the Docker container and make it understandable to everyone by explaining it in simple and straightforward language. Please read my previous article of How to host Angular app on AWS S3 bucket using CloudFront. Prerequisites A Windows, Linux, or Mac machine .NET 6 SDK (or newer) A .NET code editor or IDE (e.g. VS Code with the C# plugin, Visual Studio) Docker Engine (you can install the engine using Docker Desktop (Windows, macOS, and Linux), Colima (macOS and Linux), or manually on any OS. Some experience with ASP.NET Core… - [How to host Angular app on AWS S3 bucket using CloudFront](https://jayanttripathy.com/how-to-host-angular-app-on-aws-s3-bucket-using-cloudfront/): In this article we will learn about How to host Angular app on AWS S3 bucket using CloudFront. AWS CloudFront is a web service that speeds up the distribution of static and dynamic web content, such as html, css, javascript, and image files. This article will cover the steps to host an Angular web app in AWS CloudFront. Angular is a development platform that aims to make web development feel effortless, focused on developer productivity, speed and testability. Please read my previous article of How to Deploy Angular App in GitHub Pages. What is AWS S3 bucket? Amazon Simple Storage… - [How to Deploy Angular App in GitHub Pages](https://jayanttripathy.com/how-to-deploy-angular-app-in-github-pages/): In this article, we will learn about How to Deploy Angular App in GitHub Pages. Here we will learn, how the application is directly hosted from the GitHub repository. We also know that it only hosts static content. As a result, we can only deploy HTML, CSS, and JavaScript files. Please read my previous article ChatGPT Integration in ASP.Net Core using OpenAI. Prerequisites What are GitHub Pages? GitHub Pages is a service provided by GitHub where people can host a website at no cost. This helps people host personal websites for their blogs, portfolios, businesses, etc. We can host a… - [ChatGPT Integration in ASP.Net Core using OpenAI](https://jayanttripathy.com/chatgpt-integration-in-asp-net-core-using-openai/): In this article we will learn about How to use ChatGPT Integration in ASP.Net Core using OpenAI. We can incorporate ChatGPT into the ASP.NET Web API project in two ways. The first is by utilizing the OpenAI API, and the second is by utilizing the OpenAI library. We do not need to use an API endpoint in the second method. Integrating ChatGPT completions into a C# application can provide users with a natural language experience for text generation based on their input. Please read my previous article How to Implement AutoMapper in ASP.Net Core – Beginner’s Guide. What is ChatGPT?… - [How many ways we can call an API in JavaScript](https://jayanttripathy.com/how-many-ways-we-can-call-an-api-in-javascript/): In this article we will learn about How many ways we can call an API in JavaScript. The APIs are now the essential part of every application, we discuss here how we can make call an API in JavaScript. There are four ways we can make call the API in JavaScript. Mainly there are below ways we call call an API in JavaScript. XMLHttpRequest Fetch Axios jQuery XML HTTP Request All modern browsers support the XMLHttpRequest object to request data from a server. It works on the oldest browsers as well as on new ones. It was deprecated in ES6… - [How to Implement AutoMapper in ASP.Net Core - Beginner's Guide](https://jayanttripathy.com/how-to-implement-automapper-in-asp-net-core/): In this article we will discuss about How to Implement AutoMapper in ASP.Net Core – Beginner’s Guide. In Nutshell, AutoMapper is an object-object mapper. It transforms the input object of one type into an output object of another type. Please read my previous article Building CRUD REST APIs in ASP.Net Core 7.0 with EF. What is AutoMapper and why it required? AutoMapper in C# is a library used to map data from one object to another. It acts as a mapper between two objects and transforms one object type into another. It converts the input object of one type to… - [Building CI/CD Pipeline using Azure DevOps- Part 2](https://jayanttripathy.com/building-ci-cd-pipeline-using-azure-devops-part-2/): This is the continuation article of Building CI/CD Pipeline using Azure DevOps. On the previous article we discussed about Continuous Integration (CI) Process, In this article, we will learn about the Continuous Development (CD) process and how to automatically trigger the Release pipelines once the build pipeline has completed successfully. Before starting this article please read my previous article Building CI/CD Pipeline using Azure DevOps- Part 1. Building Continuous Development (CD) process Step-1 To initiate the release pipeline follow the below steps. Click on the Releases on left panel and click on New pipeline. Step-2 On next it open the… - [C# Constructor- Complete Guide](https://jayanttripathy.com/csharp-constructor/): In this article we will learn about complete guide of C# Constructors. Here we discuss what a constructor is and why it is required in C#, as well as different types of constructors and when to use which constructors, as well as some basic questions and answers about constructors. Please read my previous article about How to use cookies in ASP.Net Core- Complete Guide. Constructors are the special method of the class which is used to initialize the data members of the new object. It is associated with a class and get automatically invoked when the classes instance (i.e., objects)… - [How to use cookies in ASP.Net Core- Complete Guide](https://jayanttripathy.com/how-to-use-cookies-in-asp-net-core/): In this article we will learn about How to use cookies in ASP.Net Core. In this section, we will go over how to use ASP.Net Core MVC to read the values stored in Cookies, write (save) values in Cookies, and remove (delete) Cookies. Please read my previous article about Building CRUD REST APIs in ASP.Net Core 7.0 with EF. What are Cookies? A cookie is a small bit of text that accompanies requests and pages as they go between the Web server and browser. The cookie contains information the Web application can read whenever the user visits the site. Specific… - [Building CRUD REST APIs in ASP.Net Core 7.0 with EF](https://jayanttripathy.com/building-crud-rest-apis-in-asp-net-core-7-0-with-ef/): In this article we will learn about complete guide of Building CRUD REST APIs in ASP.Net Core 7.0 with EF. Here we will learn step by step process to execute to building the REST APIs and test with POSTMAN tool. .NET 7 has brought enhanced support for cloud-native scenarios, tools to make it easier to upgrade legacy projects, and simplifying the developer experience by making it easier to work with containers. Please read my previous article Authentication and Authorization in ASP.NET Core with JWT Token. Prerequisite – Visual Studio 2022– .NET 7 SDK Creating an ASP.NET Core Web API Project Launch… - [How to use HttpClient in Angular](https://jayanttripathy.com/how-to-use-httpclient-in-angular/): In this article we will learn about How to use HttpClient in Angular. HttpClient is an injectable service, it comes with the various powerful methods to communicate with the remote server. HttpClient API can send Http POST, GET, PUT and DELETE requests easily. Please read my previous article about Dependency Injection in Angular and Angular Services. What is the use of HttpClient? HttpClient is a built-in service class available in the @angular/common/http package. It has multiple signature and return types for each request. It uses the RxJS observable-based APIs, which means it returns the observable and what we need to subscribe… - [Building CI/CD Pipeline using Azure DevOps- Part 1](https://jayanttripathy.com/building-ci-cd-pipeline-using-azure-devops-part-1/): In this article we will learn about Building CI/CD Pipeline using Azure DevOps. One of the goals of DevOps is to provide faster and reliable releases. In this regard, the terms Continuous Integration and Continuous Deployment have become very popular. Continuous Integration (CI) is a software development practice that requires developers working on the project to integrate code into a shared repository. For the CI process to be a success, the build, unit tests, integration tests, acceptance tests should be successful. Please read my all Azure article here. What is Azure DevOps? Azure DevOps Pipelines provide you the option to… - [C Programming- Recursion in C](https://jayanttripathy.com/c-programming-recursion-in-c/): In this article we will learn about C Programming- Recursion in C. A function that calls itself is known as a recursive function. And, this technique is known as recursion. Please read my previous article about C here about C Program to Add Two Numbers Using Functions. The recursion continues until some condition is met to prevent it. To prevent infinite recursion, if…else statement (or similar approach) can be used where one branch makes the recursive call, and other doesn’t. Example of Sum of Natural Numbers Using Recursion Output Enter a positive integer:3 sum = 6 Code Explanation Initially, the… - [C Program to Add Two Numbers Using Functions](https://jayanttripathy.com/c-program-to-add-two-numbers-using-functions/): In this article we will learn about C Program to Add Two Numbers Using Functions. We will define here a custom function which returns the sum of two numbers. Then we call the custom function in the main function and print the result. Please read my all articles of C-Programming here. Check the YouTube shorts below, C Program to Add Two Numbers Using Functions To run the application you can see the output like below, Code Explanation We have defined a custom function named sum_digit which returns the sum of two numbers. We have defined a custom function named sum_digit… - [Steps to create Azure Resource Group](https://jayanttripathy.com/steps-to-create-azure-resource-group/): In this article we will learn Steps to create Azure Resource Group. A resource group is a container that holds related resources for an Azure solution. Please read my previous article of Deploy ASP.Net Core apps to Azure App Service. What is Azure Resource Group? A resource group is a container that holds related resources for an Azure solution. The resource group can include all the resources for the solution, or only those resources that you want to manage as a group. The resource group collects metadata from each individual resou.rce to facilitate more granular management than at the subscription level. This not only has… - [Deploy ASP.Net Core apps to Azure App Service](https://jayanttripathy.com/deploy-asp-net-core-apps-to-azure-app-service/): In this article we will learn about How to Deploy ASP.Net Core apps to Azure App Service. Microsoft Azure provides many services for hosting web applications, and Azure App Service is a major type. It is an HTTP-based service that we can use to host web applications, REST APIs, and mobile apps. Please read my previous article about Deploy ASP.NET Core Web App in Azure Virtual Machine. What is Azure App Services? Azure App Service is an HTTP-based service for hosting web applications, Rest APIs and mobile back ends, you can develop in your known language using .Net, .Net core,… - [Two-Factor Authentication Using Google Authenticator in Asp.Net MVC](https://jayanttripathy.com/two-factor-authentication-using-google-authenticator-in-asp-net-mvc/): In this article we will learn about Two-Factor Authentication Using Google Authenticator in Asp.Net MVC. We discuss here how to implement 2FA authentication in your ASP.NET web application using Google Authenticator app. We need to install the Google Authenticator app on our mobile phone from the respective play store or app store, and using the QR code generated in the web application we will verify the user. Please read my previous article How to detect whether page is load on Mobile or Desktop browser in ASP.Net Core. When a user signs in to the web application, they need to enter… - [Getting started with C/C++ Programming using VS Code](https://jayanttripathy.com/getting-started-with-c-cplush-programming-using-vs-code/): In this article we will learn about how to Getting started with C/C++ Programming using VS Code. Here we will discuss how we can configure to use C/C++ programming in Visual Studio Code. Please read my all articles of .NET here. Prerequisites We should have a basic knowledge of C programming. The Visual Studio Code Editor must be installed in the system, you can find here the link to download VS Code. Download the C/C++ Extension. It is an extension provided by Microsoft that support visual studio code. It helps in Intelligence, debugging and code browsing of the programming code… - [How to use Signature Pad Component in Angular](https://jayanttripathy.com/how-to-use-signature-pad-component-in-angular/): In this article we will learn about How to use Signature Pad Component in Angular. The Angular Signature Pad is a graphical interface that allows users to create smooth signatures as vector outline strokes by interpolating variable-width Bezier curves. You can save signatures as images and vice versa. On desktop and mobile devices, you can draw your own signature with your finger, pen, or mouse. This project tells how to save the signature as an image that you can save for future use. Please read my all Angular articles here. What is Signature Pad? Signature Pad is a JavaScript library… - [How to use Drag and Drop items in Angular](https://jayanttripathy.com/how-to-use-drag-and-drop-items-in-angular/): In this article we will learn about How to use Drag and Drop items in Angular. Consider the following scenario: you have two list items and can drag and drop data between them. This articles helps to understand how easily we can achieve this example by using Angular. Please read my all Angular Tutorials here. At the end of article we will see the result like below, we can drag and drop items into two lists in Anular. Create the Angular App Create the Angular App and add the install the Angular drag & drop package using below command Add… - [How to detect whether page is load on Mobile or Desktop browser in ASP.Net Core](https://jayanttripathy.com/how-to-detect-whether-page-is-load-on-mobile-or-desktop-browser-in-asp-net-core/): In this article we will learn about How to detect whether page is load on Mobile or Desktop browser in ASP.Net Core. In ASP.Net Core, Regular Expressions (Regex) can be used to easily detect and determine whether the user is using a desktop browser or a mobile phone browser (mobile device). Please read my all step by step .NET Core articles here. Regular Expression for Detecting Mobile Browsers (Mobile Devices) The following website offers a fantastic Regular Expression that can be easily used in ASP.Net MVC Core and other languages for detecting mobile phone browsers (mobile devices). http://detectmobilebrowsers.com/ Note: The… - [Ionic Framework Tutorial: Build your first Ionic cross-platform mobile app](https://jayanttripathy.com/build-your-first-ionic-cross-platform-mobile-app/): In this article we are going to discuss about Ionic Framework Tutorial: Build your first Ionic cross platform mobile app. Ionic UI software development kit is a common solution for this problem and allows front-end developers to make cross-platform apps with just a single codebase. After this article we will learn about how we can easily create the Ionic mobile app following below steps. Please read the Xamarin mobile Platform tutorial in step by step process. Prerequisite Since Ionic is built on top of Angular and Apache Cordova, you will need to have basic knowledge about these technologies. You also… - [Difference between Injector, @Injectable & @Inject in Angular](https://jayanttripathy.com/difference-between-injector-injectable-inject-in-angular/): In this article we will learn about Difference between Injector, @Injectable & @Inject in Angular. The heart of the Angular Dependency injection system is the Angular Injector. We’ll examine it in more detail in this article. Additionally, we’ll examine the @Injectable & @Inject decorators. Please read the first article, Dependency Injection in Angular, before reading this one. What is Angular Injector? The Angular Injector is responsible for instantiating the dependency and injecting it into the component or service. Using the injection token, the injector searches for the dependency in the Angular Providers. The Provider, which offers instructions on how to… - [Dependency Injection in Angular](https://jayanttripathy.com/dependency-injection-in-angular/): In this article we will learn about Dependency Injection in Angular. In this tutorial, we will learn what is Angular Dependency Injection is and how to inject dependency into a Component, Directives, Pipes, or a Service by using an example. Please read my previous article Angular Services. What is Dependency Injection? In software engineering, dependency injection is a technique whereby one object supplies the dependencies of another object. In other words, we can say that, it is a coding pattern in which classes receives their dependencies from external sources rather than creating them itself. Dependency Injection is the heart of… - [Angular Services](https://jayanttripathy.com/angular-services/): In this article we will discuss about Angular Services. We’ll demonstrate how to create a simple component that retrieves a list of products from an Angular Service and displays it in our template. A Service is a class that provides a service to a component, directive, or another service. The Service may be retrieving data from the back end, executing business logic, and so on. What are Angular Services? The Angular Services are the piece of code or logic that are used to perform some specific task. A service can contain a value or function or combination of both. The… - [Wildcard Route in Angular](https://jayanttripathy.com/wildcard-route-in-angular/): In this article we will learn about Wildcard Route in Angular. This is a continuation part of our previous article where we discussed Redirect Routes in Angular. At the end of this article, you will understand what exactly Wildcard Route is and when and how to use Wildcard Route in Angular Application. You can also find detailed information about routing in my previous article Routing in Angular. What is Wildcard Route in Angular? In Angular Application, the Wildcard Route is used to handle invalid URLs. If a user enters an invalid URL or if you delete an existing URL from your application, the 404… - [Redirect Routes in Angular](https://jayanttripathy.com/redirect-routes-in-angular/): In this article we will learn about Redirect Routes in Angular. This is an extension of our earlier article in which we covered the fundamentals of Routing in Angular. So before reading this article, please read our prior one. You will know exactly what redirecting routes are at the end of this post, as well as when and how to use them in an Angular application. Angular Navigation guide covers how routing works in an app built with Ionic and Angular. Read to learn more about basic routing and redirects in Angular. Redirecting Routes in Angular By default, when the application starts, it navigates to the empty route. We… - [How to use Router Link using Server Side](https://jayanttripathy.com/how-to-use-router-link-server-side/): In this article we will learn about How to use Router Link Server side. On the previous article we learnt how to use Router Link Client Side, Sometimes it is also required to set the route dynamically based on some condition and that can be done at server side. For your application to work with server side rendering, the element hosting directive has to be a link (anchor) element. Before starting this article please read my previous article Routing in Angular. Sometime we need to navigate to other components, We can do that using router link server side. On the… - [Routing in Angular](https://jayanttripathy.com/routing-in-angular/): In this article we will learn about Routing in Angular. Routing in Angular allows the users to create a single-page application with multiple views and allows navigation between them. Users can switch between these views without losing the application state and properties. We will learn what Angular Routing is and how it works in this tutorial. We’ll also take a look at the various components that comprise the Angular Router Module. Then we’ll figure out how to set up and configure the router. Please read my previous article How to Create Custom Pipe in Angular. Prerequisites Before creating a route, we… - [Implement CkEditor 5 in Angular](https://jayanttripathy.com/implement-ckeditor-5-in-angular/): In this article we will learn about How to Implement CkEditor 5 in Angular. CKEditor 5 provides every type of WYSIWYG editing solution imaginable. From editors similar to Google Docs and Medium, to Slack or Twitter like applications, all is possible within a single editing framework. It is an ultra-modern JavaScript rich text editor with MVC architecture, custom data model and virtual DOM, written from scratch in ES6 with excellent webpack support. Find out the most convenient way to start using it. What is an editor? Editor is a term used to describe any amend or edit done to a… - [How to Create Custom Pipe in Angular](https://jayanttripathy.com/how-to-create-custom-pipe-in-angular/): In this article we will learn about How to Create Custom Pipe in Angular. Angular includes some useful built-in pipes, such as a Date pipe, Currency pipe, and Number pipe, among others. If these pipes do not meet your requirements, we can design our own in Angular. Please read my previous article Async Pipe in Angular. Why we need Custom Pipe in Angular? Angular provides some built-in pipes but in some scenarios we need to create to create our custom pipe to transform the result according our requirement, in that scenario the custom pipe is must need. Let’s say on the… - [Async Pipe in Angular](https://jayanttripathy.com/async-pipe-in-angular/): In this article we will learn about Async Pipe in Angular. The async pipe allows us to subscribe to an observable or Promise from the template and returns the value emitted. The async pipes subscribe to the observable when the component loads. It unsubscribes when the component gets destroyed. Please read my previous article Angular KeyValue Pipe. Syntax of Async Pipe The following is the syntax of the async pipe. expression must return an observable or promise. It is followed by | (pipe character) and the keyword async. We are using the async pipe with interpolation syntax. Async Pipe Example with… - [Angular KeyValue Pipe](https://jayanttripathy.com/angular-keyvalue-pipe/): In this article we will learn about Angular KeyValue Pipe. The KeyValue Pipe converts given Object or Map into an array of key-value pairs. We can use this with the ngFor to loop through the object keys. The keyValue accepts the one argument compare function, which we can use to set the custom sort to the pipe. Let’s look at the following files to see the different ways of using it. We can use compare function if keys are complex or we want to display in a specific order Syntax Example-1 This examples show how an Object or a Map can be… - [JsonPipe use in Angular](https://jayanttripathy.com/jsonpipe-use-in-angular/): In this article we will learn about JsonPipe use in Angular. Sometimes we want to show the json representation of the object. This pipe is exactly for that. Look at the following files and output of this json pipe. So, we can output the person object in a json format with json pipe. Please read my previous article How to pass parameters to pipes in Templates. On the below typescript we created the sample json file that we want to render in HTML. We implement the JSON file with Pipe or Without pipe like below, You can see on the… - [How to pass parameters to pipes in Templates](https://jayanttripathy.com/how-to-pass-parameters-to-pipes-in-templates/): In this article we will learn about How to pass parameters to pipes in Templates. We can pass parameters to the pipe. we have to use a specific format to pass parameters with using colon. Please read my previous article about How to use pipes in Component Class. Let’s look at the below example pipe Decimal-Pipe where we are using the colon : to pass locale and specific way to display numbers. we can pass multiple parameters as well. On the below we create a decimal value in typescript. On the HTML markup we formatted to passing parameters to pipes… - [How to use pipes in Component Class](https://jayanttripathy.com/how-to-use-pipes-in-component-class/): In this article we will learn about How to use pipes in Component Class. Usage of pipes in component class is a little bit different. First, we need to import pipe from Angular common library and add it to providers array of the component and then we need to inject in the constructor of the class. Please read my previous article Chaining Pipes in Angular. Every pipe has transform method which takes inputs and the result will be applied to the title here. Imported the UpperCasePipe from angular common library. Added the pipe into providers. Inject the pipes into constructor.… - [Chaining Pipes in Angular](https://jayanttripathy.com/chaining-pipes-in-angular/): In this article we will learn about Chaining Pipes in Angular. Pipes can be chained together to make use of multiple pipes in one expression. Please read my previous article Parameterized Pipes in Angular. The chaining Pipe is used to perform the multiple operations within the single expression. This chaining operation will be chained using the pipe (|). Example-1 In the following example, to display the birthday in the upper case- will need to use the inbuilt date-pipe and upper-case-pipe. You can see on below, on the last row we can use chain pipes. We used both of the pipes… - [Parameterized Pipes in Angular](https://jayanttripathy.com/parameterized-pipes-in-angular/): In this article we will learn about Parameterized Pipes in Angular. In parameterized pipes we can pass any number of parameters to the pipe using a colon (:). Please read my previous article Angular Pipe. What are Parameterized Pipes? In Angular, we can pass any number of parameters to the pipe using a colon (:) and when we do so, it is called Angular Parameterized Pipes. The syntax to use Parameterized Pipes in Angular Application is given below. Syntax Date Format with Pipe using Expression Synatx: date_expression is a date object or a number date is the name of the pipe format is… ## Pages - [Checkout](https://jayanttripathy.com/checkout/) - [Cart](https://jayanttripathy.com/cart/) - [Terms and Conditions](https://jayanttripathy.com/term_conditions/) - [Become an Instructor](https://jayanttripathy.com/become_a_teacher/) - [Instructor](https://jayanttripathy.com/instructor/) - [Instructors](https://jayanttripathy.com/instructors/) - [Courses](https://jayanttripathy.com/courses/) - [Profile](https://jayanttripathy.com/lp-profile/) - [Checkout](https://jayanttripathy.com/lp-checkout/) - [Newsletter](https://jayanttripathy.com/newsletter/): [newsletter] - [ReactJs Tutorial](https://jayanttripathy.com/reactjs-tutorial/): This ReactJS Tutorial will walk you through the majority of React’s practical uses. We will cover all of the principles of React JS with Real-Time Applications. As you proceed through this Course, you will master everything from the fundamentals to the advanced features of React JS. This ReactJS Tutorial is prepared for those developers who want to make a career in the field of developing front-end web applications. This React JS Tutorial is designed for Students, Beginners, as well as Professional Software Developers who want to learn and enhance their knowledge of React step by step from the very basic… - [Azure Tutorial](https://jayanttripathy.com/azure-tutorial/): What is Cloud Computing? Cloud computing is the remote servers on the internet to store, manage and process data rather than a local server or your personal computer. Store: Store large or small files on the cloud, which you can access on the go! Manage: Manage your data with optimized databases on the cloud. Process: With scalable compute power on the cloud, you can process any amount of data in moments! What is Microsoft Azure? Microsoft Azure is a cloud computing platform created by Microsoft which developers and IT professionals use to build, deploy and manage applications through their global network of datacentres. Azure Services Microsoft Azure provides… - [My Project](https://jayanttripathy.com/my-project/): 🚀 My Project Highlights GraphConnect.JT #1 What is Graph API & Why It Matters 🔗 Unified Microsoft 365 access 📅 Calendar & Mail APIs 🔐 OAuth token-based auth 🐙 GitHub 📖 Read Blog GraphConnect.JT #2 Azure App Registration 🆕 Register app in Azure 🛡️ Add Graph permissions 🔁 Setup redirect URI 🐙 GitHub 📖 Read Blog GraphConnect.JT #3 MSAL Authentication 🔐 Use MSAL for login 🪪 Access token generation ♻️ Refresh tokens seamlessly 🐙 GitHub 📖 Read Blog GraphConnect.JT #4 Making Your First API Call 📡 Call Graph endpoint 🧠 Understand JSON response ⚠️ Error handling tips 🐙 GitHub 📖… - [AWS Tutorial](https://jayanttripathy.com/aws-tutorial/) - [Blog Stats](https://jayanttripathy.com/blog-stats/): [sbs_blog_stats] - [Entity Framework Core Tutorial](https://jayanttripathy.com/entity-framework-core-tutorial/): Entity Framework (EF) Core is a lightweight, extensible, open source and cross-platform version of the popular Entity Framework data access technology. EF Core can serve as an object-relational mapper (O/RM), which: Enables .NET developers to work with a database using .NET objects. Eliminates the need for most of the data-access code that typically needs to be written. Prerequisite C# Visual Studio 2019 MS SQL Server and Querries What is Entity Framework Core The Microsoft Entity Framework Core or EF Core is Microsoft’s implementation of ORM Framework. The applications created using the EF does not work with the database directly. The application works… - [Angular Tutorial](https://jayanttripathy.com/angular-tutorial/): One of the most popular and frequently used front-end development frameworks is Angular. The market for recruiting Angular engineers has gotten more competitive as the popularity of this technology has grown. As the demand for professional and experienced Angular programmers grows, more countries are looking to expand their Angular development workforce. Mobile and desktop applications can be built using this platform. Angular is used by a number of cutting-edge organizations to construct modern web applications. Angular 2 Angular 2.0 was announced in October 2014. The dramatic modifications in version 2.0 sparked a lot of debate among developers. Angular 2 was… - [ASP.NET Core Tutorial](https://jayanttripathy.com/asp-net-core-tutorial/): In this ASP.NET Core Tutorials series, We are going to discuss all the basic, intermediate and advanced concepts of ASP.NET Core. These dot net core tutorials will help you to build rich data-driven web applications. At the end of these ASP.NET Core Tutorials you will be in a better position to perform all the CRUD (i.e. Create, Read, Update, and Delete) operations using the SQL Server database. Here you will learn, ASP.NET Core basics, ASP.NET Core Razor Pages, ASP.NET Core MVC, ASP.NET Core with Angular, and ASP.NET Core Web API.  Navigate the Right-hand side panel and click on the link to avail step by step course… - [Home](https://jayanttripathy.com/): Jayant Tripathy Programmer | Content Creator Top Azure Content How to use Azure Key Vault in ASP.Net Core Intro to Azure Logic Apps- Complete Guide How to create Azure Functions using Azure Portal How to Send Emails from ASP.NET Core using Azure Logging into Azure App Service with ASP.Net Core Click More.. Top AWS Content Send Emails from ASP.NET Core using Amazon SES How to Deploy Blazor WebAssembly to AWS Amplify How to host Angular app on AWS S3 bucket using CloudFront Building Serverless ASP.NET Core Web API with AWS Lambda using Function URLs Click More.. Top .NET Core Content… - [Blog](https://jayanttripathy.com/blog/): All course content come here. - [Videos](https://jayanttripathy.com/videos/) - [Xamarin Tutorial](https://jayanttripathy.com/xamarin-tutorial/): Welcome to the course on developing cross-platform mobile application in Xamarin and C# .NET for beginners. This course assumes a basic knowledge of C# .NET. You’re going to learn how to create native Android, iOS, and Windows apps. We’ll start with a classic Hello world application, then we’ll get to using the database, camera, contacts, notifications and retrieving data from a website using an API. Introduction to Mobile Applications Mobile apps, like web apps, are on the rise today. Let’s think about why these applications are so popular for both users and businesses. It’s really simple. If the user installs… - [about-me](https://jayanttripathy.com/about-me/): Hi Geeks, I’m Jayant Tripathy Software Engineer Blogger & YouTuber Working as a Software Engineer in a MNC, On my free time I love to make content on .NET, Angular, AWS, Azure etc. and publish on the platform like Blog & YouTube. I write articles, blogs and YouTube Videos around the technologies I come across or work with. Also I write step by step tutorials to learn from basic to Advanced Level. You can find the important Interview Questions & Answers here. Follow me on the below platform… Connect Via Linkedin Get a free quote - [Privacy Policy](https://jayanttripathy.com/privacy-policy-2/): Usage of the Website You can browse the website without registration. We may collect and store the information that you voluntarily disclose to us. We do not share your personal information with any third party. Cookie Information In order to enhance your online experience and track website performance, our website uses cookies. It’s a small text file which gets placed in your computer hard drive and can be retrieved later. Cookies do not tell us who you are. External Links website may have links to other sites, which include third party websites or resources. We are not responsible for the… [comment]: # (Generated by Hostinger Tools Plugin)