Posts

Integrating Ionic 5 Application with Kommunicate Bot Integration of a Bot with the mobile application is one of the most interesting topics we have written on. Many of the developers need to integrate a Bot with the apps for proper handling of customers. Bots can help us reduce staff requirements. You could integrate a customer support chatbot in your business to cater to simple queries of customers and pass on only the complex queries to customer support agents. Humans react to others based on their moods and emotions, so bots can’t completely replace humans. But can improve the overall efficiency of response. ...

Understanding Monorepos and implementing it. In this tutorial, we will understand what Monorepos are? and how to make a monorepo. We are not going to discuss various monorepo management software in this blog, and just leave this blog as an introduction to the term. Now you must be wondering what is this mono repo? why this is used? How this can be helpful in development and deployment? We will cover each and every query related to monorepo. ...

Socket IO with Ionic 5 Angular Application In this tutorial, we will explore and implement the socket IO library with the Ionic 5 Angular application. ngx-socket-io is one of the most used packages – we will use this package to implement the socket IO library. But before implementing, let’s explore – what sockets are? After that, we will be making a group chat application using Ionic, where anyone can join in and chat with any number of people. ...

Customizing Ionic UI Components CSS – using Chrome DevTools In this tutorial, we will be customizing the Ionic Range UI component in Angular. Customizing is always harder when it comes to improvising the prebuild Ionic components. But we will make it easier using the Google Chrome DevTools – Elements panel. Before starting we will go through What Chrome Elements Panel is? and Why it is so much useful for customizing the Web View-based components ?. ...

Contacts Plugins In Ionic Angular Application In this tutorial, we will learn how to implement Cordova’s Contacts Plugin in the Ionic 5 Angular Application on Android Phone (you can use the same plugin on other platforms also). Contact Plugin helps to implement various functionality like getting contact from the Phone’s contact list, saving new contact info into the phone’s native contact list. Implementing this Plugin is quite simple and easy, only we have to Inject the plugin dependency and use it in the required Pages. ...

How to Deploy Node Server / Flask Server on Heroku In this tutorial, we will be covering 2 kinds of server deployment on the Heroku Cloud platform : Node JS Server Flask Server We will also show – how easy it is to write a server code from scratch, deploy it online for the first time and update the server after the first deployments. you can just use the simple git command to deploy the latest code. ...

Passwordless Email Link Login Using Firebase Auth in Ionic Angular App In this tutorial, we will learn how to perform an Email Link Signup with both password and passwordless methods. Most of the tutorial only contains the passwordless method but in the end, we will cover Email Link Signup with Password as well. We will use the Ionic 5 application which is based on the Angular framework – with Firebase (the most popular combo). However this tutorial can be followed for another framework also like React and Vue, only changes will be in a few steps. ...

Firebase Admin SDK setup and functions using Node JS In this tutorial, we will be going through the Admin SDK of firebase. We will set up and use various functions in the Node JS script. Before going through any procedure or implementation, we briefly summarize what is Firebase, Firebase Admin SDK, and Node JS. Feel free to skip these sections, if you are already familiar with all of them. ...

Use TomTom Maps API in Ionic Capacitor App Using Maps or geolocation is one of the requirements in apps nowadays. If you are an app developer, you must have used Google Maps API for your apps for years. Recently Google has started charging for each Maps API call, and that includes even displaying the map. Even though the charges are very nominal, and comes with a free quota for each API, it limits a small app developer from testing Maps functionality extensively, or a startup to launch an initial free product. ...

Integrating Google Sheets with Firebase Realtime Database In this tutorial, we will learn how to integrate Google sheets with Firebase Realtime Database. We will go through bidirectional integration: - When you update Google Sheet, Firebase Realtime DB will be updated automatically. When you update Firebase Realtime DB, Goggle Sheets will be updated automatically (We will need firebase functions to implement this integration). Now here is the question … why do we need Google sheets to update Firebase realtime database or vice versa? ...