Skip to main content

Posts

Angular(v15) | Sorting | Search | Pagination | On Material Card Items

In this article, we will render items using angular material card components and then implement 'Search', 'Sorting', and 'Pagination'. Create Angular(v15) Application: To accomplish our demo let's create the Angular(v15) application. Make sure to install the Angular CLI tool into our local machine because it provides easy CLI commands to play with the angular application npm install -g @angular/cli Run the below command to create Angular application ng new name_of_your_project Setup JSON Server(Fake API): Let's set up a fake API by setting up the JSON server on our local machine. Run the below command to install the JSON server globally onto your local system. npm install -g json-server Now go to our angular application and add a command to run the JSON server into the 'package.json' file. Now to invoke the above-added command run the below command in the angular application root folder. npm run json-server After running the above comm

A Demo On Clean Architecture | MediatR CQRS Pattern | .NET7 Web API

In this article, we will learn about 'Clean Architecture', 'CQRS Pattern With MediatR' by implementing in .NET7 Web API. Clean Architecture: The Clean Architecture comprises of: Domain Layer Application Layer Infrastructure Layer UI Layer Clean Architecture lives on the dependency inversion principle. In general business logic depends on the data access layer or infrastructure layer. But in clean architecture, it is inverted, which means the data access layer or infrastructure layers depends on the business logic layer(which means the Application Layer) . Domain Layer: the domain layer project will have 'Entities'(Domain Models), 'Domain Services', and 'Value Object'. This project is a parent project and it is independent on all other projects. Application Layer: the application layer project contains business logic files, DTOs, mapper, etc. This project can depend only on the 'Domain Layer Project'. Infrastructure Layer: the infrastruct

Part - 8 | Asp.Net Core Identity Series[.NET 7] | Microsoft Account Authentication

The main objectives of this article are: Implementing Microsoft Account Authentication. Install Microsoft Account Authentication NuGet Package: Let's install the required package for Microsoft Account Authentication Visual Studio 2022: Install-Package Microsoft.AspNetCore.Authentication.MicrosoftAccount -Version 7.0.4 Visual Studio Code: dotnet add package Microsoft.AspNetCore.Authentication.MicrosoftAccount --version 7.0.4 Register Our App With Microsoft Azure Portal: To enable Microsoft authentication to our application, we have to register our app into the Microsoft Azure Portal. So following are steps to resisting the app with the Microsoft portal. (Step 1) Go to the Azure Portal 'https://portal.azure.com/'. Then select 'App Registration.' (Step 2) On the 'App Registration' page, select the 'New registration' button. (Step 3) Provide a 'Display Name' and then choose 'Supported account types'. (Step 4) Select 'Web'