In this article I’d be talking about how to create a Reusable Directive in Angular for Authorisation purposes. One of the most common requirements that I see in UI designs is the role based access control. Controlling the display of HTML components on the basis of roles and permissions fetched…

What are they, after all? When to use what! I have been using Subjects in reactive programming. But, I have always faced difficulty in understanding when to use what type of subject. In this article I’d be going through the types of subjects. First of all, RxJS is a framework…

Several times to take your JS to the next level — In this article, I’d be going through some of the practices that I’ve picked up over the years to write good and maintainable code. Use DRY Don’t repeat yourself is a principle aimed at reducing repetition of code, replacing it with abstractions to avoid redundancy. Duplicating code always ends with a mess…

In this article we’d be going through the process of deploying Node application on AWS Elastic BeanStalk using Github Actions. All this while I’ve been using TravisCI for my deployments, but when I got introduced to Github Actions, I feel there is no turning back. …

Good frontend architecture is hard. Scaling frontend development so that many teams can work simultaneously on a large and complex product is even harder. In this article, we’ll talk about a recent trend of breaking up frontend monoliths into many smaller, more manageable components using Web Components. First of all, what is Micro Frontend? Micro Frontend is…

In this tutorial, I’ll walk you through adding Google authentication to Flutter applications using the Firebase Authentication plugin and display user’s profile picture. Step 1: We need to begin by creating a new Flutter project and adding the Firebase Auth package and Google SignIn to the pubspec.yaml …

The new version of Angular came out with many new features and one of them is Drag and Drop Module. In this article we would be exploring the new Drag and Drop feature that is included in Angular Material by creating a To-Do list. Getting Started To begin, add or…