Hello Friends,

Today we are going to see how to read properties of a Json object dynamically and display it using a common component in Angular.

I ran into a situation where I was required to display contents from different sources in a tabular format on the same screen. These sources had different data structures. To meet this requirement technically, I decided to create a common component in angular which would access the data, derive the headers and show it on the UI. …

Hello Friends,

In this last part of the series, we will be looking at creating docker compose file which will hold 2 applications that we created in last 2 parts (KnowThatCountryAPI and KnowThatCountryUI) together and run it as a single command with their respective docker files in one container.

Lets create that docker-compose.yaml file at root as below.

version: '3.7'
container_name: ktcapi
context: ./KnowThatCountryAPI
dockerfile: dockerfile
- "5005:5005"
container_name: ktcui
context: ./KnowThatCountryUI
dockerfile: dockerfile.UI
- "5006:80"
- apiservice

Lets dive in.

Each application container is treated as a service so that they…

Hello Friends,

In this part we will be building our Angular UI to show the countries returned by the dotnet core API. I am going to call it as KnowThatCountryUI (ktcui)

This is a very basic Angular application with the folder structure as below

We have one injectable service file which call the API and fetches the data.

import {Injectable} from '@angular/core'
import {HttpClientModule, HttpClient} from '@angular/common/http'
import { Country } from './CountriesModel';

export class CountryService{


constructor(private thttpClient: HttpClient) {

return this.httpClient.get<Country[]>(this.apiURL)


This service is talking to the API service…

Photo by Lefteris kallergis on Unsplash


In this part we will be building our first application, the dotnet core API that serves information about countries. I am going to call it as KnowThatCountryAPI (ktcapi)

For the data, I am going to third party API provider. Please check it out.

For this artical, I am not going to call the API in code. Instead, I have already downloaded all the information in json file and will be using that as a data source. You can check the full code on GitHub.

The objective of this series to understand the docker files hence, I wont go…

Photo by Kelly Sikkema on Unsplash

In this short beginner friendly series, I will be documenting a path to run .core api project and angular 7 app in a docker container instead of running and deploying as 2 separate apps. The objective of this series is not the code but is to get familiarize with docker and how we can build a container with 2 application that talk to each other.

Use case:

Create an API application in .Net Core that provides API to access basic information about countries.

Create an UI application in Angular that uses countries API to get the data and display it…

Hi Friends,

If you are reading this, probably you know what an API gateway is and why you need it. If not, below is the shot version as per whatis.techtarget.com

An API gateway is programming that sits in front of an application programming interface (API) and acts as a single point of entry for a defined group of microservices. Because a gateway handles protocol translations, this type of front-end programming is especially useful when clients built with microservices make use of multiple, disparate APIs.

A major benefit of using API gateways is that they allow developers to encapsulate the internal…

Photo by Ferenc Almasi on Unsplash

Hello Friends,

Every project has some kind of configuration file, in the format of XML, json etc. Dotnet core projects use Json based config file in which we can store project level settings in Json format. There are mutliple ways to access these values across the project as shown in this official documentation .

My favorite one is Strongly Typed because ..

  • Its less prone to string comparison errors.
  • Provides intellisense for easier access.
  • and of-course, type safe.

Below is the easiest way I know to use strongly typed approach in asp.net core application.

Lets start by creating a basic…

Remember the time when we (most of us) used to commute to work? It was just about 8 months ago but feels like a dream because of the pandemic.

I used to have a train ride for about 50 min one way , so I decided to make use of that time to learn. To keep myself from dosing off, I started searching for YouTube channels that I can watch during that ride. This blog post is to share what I have in my subscribed channels list.

I am a full stack .Net and angular developer. Hence most of my…

Photo by Hugo Jehanne on Unsplash

This post assumes that you have an Azure service bus namespace setup with a Queue. Here is the official documentation for instructions.

I am going to use a service bus namespace AlertDemoServiceBus which has a queue named Orders.

Lets start!

Login to you account and navigate to the service bus namespace.

Click on Alerts and New Alert Rule

I have come across couple scenarios where I need to call an already existing scalar function in SQL server that has some logic into my C# EF Core 3 application for reusability. But most the guides out there show how can this be done only by mapping it to a C# function with Throw new Notimplemented exception and using Linq queries like this official documentation.

I did not need to use Linq queries so I am doing it in a different way as below.

Let’s say you have a SQL function

CREATE FUNCTION dbo.IsStrogestAvenger(@Superhero varchar(100)) RETURNS bit AS BEGIN declare…

Rohit Ramname

Senior Dev | C#, .Net Core, Angular, SQL, Azure, Docker | All things development | All things console

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store