In this Ionic 5/4 tutorial, we’ll integrate In-App Purchase functionality in Android and iOS applications using Cordova and Ionic Native plugins. The In-App Purchase feature allows a user to buy from a list of available products in the Application store. Use can make purchases from a list of items available make payments and also restore
Angular 10/9 Upload Image using Node.js Server APIs built on Express Js
Hey there! in this post, we are going to learn how to upload images and documents using post HTTP calls with a Node.js server. We’ll be creating the API routes using Express.js and use the Multer package module for tasks related to file uploading. We have a lot to learn in this post, we’ll set
Ionic 5 Adding Vibration Ionic Example Application using Cordova & Native Plugins
Hey there, in this Ionic 5/4 tutorial, we are going to implement a native vibration feature in an Ionic application using the Cordova plugin and its Native wrapper for Angular. To use the Vibration feature, the application needs to access the hardware components of the real device. In high-level programming languages like Java, Dart, etc
Ionic 5 Progress Bar using ion-progress-bar Component Tutorial with Example App
In this Ionic 5/4 tutorial, we’ll learn how to implement a vertical progress bar UI component in Ionic Angular applications. Ionic Framework provides a wide variety of UI components so that we barely need to create our own. The progress bar UI web component is added in the Ionic application by using the ion-progress-bar directive.
Ionic 5|4 Fingerprint AIO Authentication for Android & iOS Example Application
In this Ionic 5/4 tutorial, we are going to implement Fingerprint Authentication Biometric Scanner in Ionic Angular application for Android and iOS platforms with an example application. Most of the modern Android and iOS devices come with Fingerprint sensors to secure the device and its application using biometric credentials. These biometric details can be used
Ionic 5 Alert, Confirm and Prompt Component Tutorial with Example Application
In this Ionic 5/4 tutorial, we’ll learn how to show Alerts, Confirm and Prompt message overlays in an Ionic application by using the AlertController available in UI components of Ionic Framework. What are Alerts? To quickly draw the attention of a user, we generally show an Alert message which can display a text message
Angular Material 9|8 Progress Bar Loader Example Tutorial
In this post, we will discuss How to Implement the Progress bar in Angular application using the Material library. Angular Material provides a wide range of web components that are very easy to implement and use in Angular applications. Here we will create a new Angular project using CLI and discuss How to use Progress
Angular Material 9 Modal Popup Example
In this post, we’ll learn how to open a Modal Popup Dialog in Angular 9/8 application using the Material UI library. Angular Material is a UI library which provides a number of components. It works great with the Angular framework and helps in developing awesome applications. This UI library is based on Material design principals
Ionic 5 Ion-Slider with Cube, Fade, Flip and Coverflow effects Tutorial
In this tutorial, we’ll add Ionic Slider in Ionic 5 Angular application and implement sliding effects like Cube, Fade, Flip and Coverflow as animation transitions during the carousel navigation. The ionic framework provides an Image or content slider which is very popular due to flexible and awesome configuration ability. The ion-sliders UI component is used
Ionic 5|4 Sliding Number Counter using ng2-odometer
The numbers figures in the Ionic/ Angular application can be converted into an animated sliding counter. The ng2-odometer module adds a pinch of awesomeness to numbers by showing them in an incremental and animated way. In this post, we will discuss an awesome plugin which can be added to any reactive application including Angular Web
Ionic/ Angular Create Mock server using json-server and faker to test HTTP APIs
Today, in this post we will discuss How to create a mock server using json-server and faker library package which acts like a real server and can help to test client-server communication without any need for a real server. In a real-world application which serves dynamic content in the application is connected to a server
Angular 9|8 Material Datatable Inline HttpClient CRUD Operations using RestFull APIs
In this Angular tutorial, we’ll learn how to use HttpClient module in Angular application to make RESTFull API Ajax calls. We’ll set up a new Angular 9 project and create API endpoints to perform Create, Read, Update and Delete operations using HTTP methods using a mock server using the json-server package. Using json-server we can
Angular 9|8 Radio List Required Validation using Reactive Form
In this tutorial, we will learn how to add required validation on Radion control list in the form. To validate the form we will be Reactive form approach provided by ReactiveFormModule service. Radio control enables a user to select only a single value from a group of options with the same name. The radio control
Angular Material 9|8 DataTable, Pagination, Sorting, Filter and Fixed Columns Tutorial
In this tutorial, we will learn How to add data tables in Angular 9/8 application using the Material UI library. Angular Material is a UI library which provides several useful and Angular compatible UI components. Material’s latest version 9 can be easily installed by running a single NPM command in Angular CLI command line. A
Ionic 4|5 Checkbox List Required Validation using Reactive Forms
In this article, we will discuss How to validate multiple checkboxes in Ionic 4|5 application using Angular Reactive Forms. Here we will have a list of the checkbox which can be selected or unselected using a single master checkbox and also individually. We will add validation on checkbox list using Reactive form approach provided by
Ionic React | Adding Barcode QR Code Reader Generator App Example
In this tutorial, we will learn How to implement Barcode or QR Code reader and generator in Ionic React application using Native plugin. Using Ionic Frameworks Native plugin we can easily scan or generate QR codes. In the previous tutorial, we have already discussed its implementation in Ionic application based on Angular framework. But here
React Stripe Payment API Integration using react-stripe-checkout Example
Stripe is a platform that allows us to handle online payments which doing from scratch is an extremely lengthy process. It also adds automation for logistics and handling payments and support for multiple modes and in any currency. Adding Stripe in a React project is very easy and needs almost no coding for a checkout
Ionic 5|4 Slide Side Menu Navigation Drawer Tutorial with Example Application
In this Ionic 5/4 Tutorial, we’ll learn how to add the Sidebar navigation menu in an Ionic Angular application. A sidebar navigation menu is inspired by native Android and iOS applications. Ionic based hybrid application can also add a similar type of Sidebar navigation drawer easily with the help of UI components provided by Ionic
React Sign In using Firebase Google Authentication
ReactJs Sign-In forms Integration with Firebase services to enable a user to sign-in using Google Authentication. We are focusing on how to make them work with a perspective of a real-world large project. Firebase is a group of powerful services that are provided by Google. It is consists of many awesome features that can be
Angular ngFor, Of Directive – Lets get tricky!
Hey all! today we’ll learn about one of the most popular structural directive *ngFor which is used by an Angular developer a number of times. The ngFor directive is mainly used to display dynamic data using an Array or Object in a view or HTML template. This Array or Object could be fetched from a
