Angular FilePond Tutorial – File Uploader with Life to Level Next!

You read it right! Today we are going to discuss the implementation of an extra ordinary plugin named FilePond. It is the best visual experience, I have ever seen in a simple yet complicated component like a File Uploader. In this tutorial, you will learn how to FilePond file uploader component in Angular application. Thereafter,

Angular FilePond Tutorial – File Uploader with Life to Level Next! Read More »

React Google SignIn/ Login Button Example using React-Google_Login Package

Quickly add the Google SignIn or Login button in React js application; In this tutorial, we will integrate Google oAuth to enable a user login with Google credential in React application. In our Google + React example application we will implement the SignIn through Google account by using the react-google-login package. By going through this

React Google SignIn/ Login Button Example using React-Google_Login Package Read More »

Setup Google Analytics in React Application – React-Ga Tutorial by Example

Adding Google Analytics tracking in React js application we will discuss; In this guide, you will learn how to quickly add Google Analytics tracking code into the React app with a super easy set of steps. To integrate Google Analytics in single page application like React, we will use the React-GA library package. It is

Setup Google Analytics in React Application – React-Ga Tutorial by Example Read More »

Angular Google Maps Get Current Location – Latitude, Longitude on Click Event

Today, You will learn how to get the current location in Angular Google maps. We will discuss getting current coordinates including the latitude-longitude on click even on google maps in the Angular app. In this example, you will get the complete address a coordinate using the Geocoder service using Google API.

Angular Google Maps Get Current Location – Latitude, Longitude on Click Event Read More »

Angular Radio Button Example – Reactive Form, Get Value, Validation Tutorial

In this tutorial, you will learn how to add the radio button group in reactive form with example. The implementation of radio list control inside the angular reactive forms, which will emit the change event when selected. Radio form controls are used to allow a user only to select a single value out of a

Angular Radio Button Example – Reactive Form, Get Value, Validation Tutorial Read More »

Angular Material Card Examples – Using mat-card Component

In this article, you will learn how to add the Material Card components to the Angular application. You will learn how to show Avatar, Images, Grid List and Item List in n Material Card with easy examples. Angular Material is a component library, exclusively built for providing fully compatible UI components for Angular applications. This

Angular Material Card Examples – Using mat-card Component Read More »

Angular Google Login Example – Social OAuth2 SignIn Tutorial

Angular 12 Login with Google Example by Tutorial; Google authentication of the user using OAuth2 protocol; The Angularx-Social-Login package tutorial; In this elaborated angular tutorial, you will learn how to implement Google login in an Angular 2+ application. We will utilize the angularx-social-login library package. In today’s era, almost everyone is connected with social media

Angular Google Login Example – Social OAuth2 SignIn Tutorial Read More »

Angular 12 Image Cropper, Resizer Example – Ngx-Image-Cropper Package Tutorial

How to Crop and Resize Images while uploading in Angular; Ngx-Image-Cropper Package Tutorial; In this Angular tutorial, we will learn how to add image cropper, resizer and calling component in Angular application. We will be using the ngx-image-cropper tool and discuss its configuration and customization properties.

Angular 12 Image Cropper, Resizer Example – Ngx-Image-Cropper Package Tutorial Read More »

Angular 12 Multiple ng-content Example – Transclude Templates to Child Component Example

Adding multiple ng-content tags in child component example; placing more than one component passed to transclude in child component; In this Angular 12 tutorial, we will discuss examples of passing more than one component template to the child; Using this we can transclude multiple components at particular places in the child. Components are the building

Angular 12 Multiple ng-content Example – Transclude Templates to Child Component Example Read More »

React 17 Bootstrap Dropdown Select-box Example – HTTP Response List in Options

Bootstrap Dropdown Selectbox implementation example is going to be discussed in this guide; In this tutorial, we will add a bootstrap dropdown with dynamic options in React JS application. Bootstrap is a very common and widely used library due to its profound component collection. One of the most common components is a Dropdown. A dropdown

React 17 Bootstrap Dropdown Select-box Example – HTTP Response List in Options Read More »