Instant Search Tab in Angular

In this blog post, we will learn doing Instant search in Angular using the data from Cloud Firestore. So let us first assume what we actually want to have as the results on the browser. We want to create a search tab on the browser which has a placeholder saying ‚ÄúSearch by name‚ÄĚ. As we type a… Continue reading Instant Search Tab in Angular

Contemplating 2018

Graduating from the university in this year, 2018 was a revolutionary year for me. This was due to loads of things happening around. Since it was a break time after college and my campus placement at this renowned company, IBM was still months away for joining, I went for a fellowship program based on Community… Continue reading Contemplating 2018

Using setValue and patchValue

In this blog post, we will see that when building Reactive Forms, if we need to update the input elements on the form from our component class, we use setValue and patchValue. If you are new to Reactive Forms, I would recommend you to go through this article : Reactive (Model-Driven) Forms  We use setvalue to… Continue reading Using setValue and patchValue

Installing node.js using NVM

Can we manage and use different versions of Node.js on the same machine? Using NVM, we can! Node Version Manager (NVM) is a tool that helps us to use different versions of Node.js on the same machine, each version running locally in its isolated environment. We can also switch between different versions with out hampering… Continue reading Installing node.js using NVM

Udemy- Step by Step Guide: Angular for Beginners

I am very excited to share that my course Angular for Beginners by BPB Publications has been published on¬†( It is a step-by-step video course for all the Angular beginners¬† This course will focus on creating web applications using the JavaScript framework Angular¬†and will walk us through a journey of learning how to install… Continue reading Udemy- Step by Step Guide: Angular for Beginners

Node’s REPL Mode

When working with node, if we type in node command with an executable script for it, the node starts a REPL session. But, What is a REPL session? REPL is Read-Eval-Print-Loop implementation provided by the REPL module which exists both as a standalone program as well as a includible one in other applications. It is very… Continue reading Node’s REPL Mode

Working with Hasura in Angular 6

In this article, we will work with setting up a login application with the Hasura‚Äôs GraphQL engine using Angular 6. Starting with a small description about GraphQL and Hasura‚Äôs GraphQL engine. GraphQLGraphQL is an open source data query and manipulation language, and a runtime for fulfilling queries with existing data. It is designed to build… Continue reading Working with Hasura in Angular 6

Error: Cannot match any routes

In Angular, when working with routing, we face this error “Cannot match any routes” very commonly. This generally occurs when there is a mismatch in the routes specified, or a component which is not present in our routing configuration, or if there is the use of multiple routes in our angular application which is not… Continue reading Error: Cannot match any routes

All about your package.json

Our Angular applications use a lot of packages, modules and other files to work in the way they do. All the packages with their versions that our project depends on is what is contained inside this file called package.json. Anything that needs to be changed in the package can simply be updated inside the package.json… Continue reading All about your package.json

Common errors faced on compilation in Angular

Recently, I was working on a project where in I was trying to connect Angular to Firebase database to do some back end work with Angular. The compilation after connecting the Firebase to my Angular application threw buckets of errors to me. That is when I realized an article on the common errors we face while… Continue reading Common errors faced on compilation in Angular