Cordova

Beginners Guide to Firebase Database, Auth, and Hosting – Using Ionic Angular App Firebase is a mobile and web application development platform developed by Firebase Inc. in 2011, then was acquired by Google in 2014. Firebase is a toolset to “build, improve, and grow your app”. It gives you functionality like analytics, databases, realtime-databases, cloud messaging, cloud functions (serverless function), user authentication, and crash reporting so you can move quickly and focus on your users. ...

Migrating Ionic Cordova to Capacitor application – Complete Guide Here is the complete guide to converting the Ionic Cordova application to Capacitor (this article works best for Ionic version 5/6 Angular). These days most of the developers are moving to the Capacitor, as it has more stable plugins than Cordova, and Apache has stopped support for the Cordova platform. In this tutorial, we will not just go through the commands to convert Cordova to capacitor but the complete process of converting a Real life Cordova app to Capacitor. Yay !! ...

How to do Live Tracking using Google Maps in Taxi App In this blog, we are going to learn about Live Tracking using Google Maps in Ionic Angular App OR any Angular App. We will use freely available directive agm-maps and agm-directions and use them in the Ionic Taxi application for tracking and other features. And we will be using the Ionic Angular framework and integrating them with the angular maps. ...

Location Selection in AGM maps based on Ionic 5 Angular App In this tutorial, we will be going through the complete solution for handling the location selection in the Ionic 5 Angular application. When you think of any taxi booking application like Uber – these applications have the auto-complete location feature – that will suggest you the address when you type one or more characters. The other way we can do this is to select the location directly from the map by dragging the map under a center location pin. You can also drag the location pin to the particular location. That will select the location for you and make your work easy. We will be learning a whole bunch of things in this tutorial, which is great … !! isn’t it ...

Build Offline Ionic Angular 5 Applications In mobile apps, we have come across many conditions in which, the rendered data (from the server) is the same most of the time but is repeatedly fetched from the server. This data fetching every time from the server is useless and a huge waste of data bandwidth. Another similar situation where we can’t even access the app is – when we call the sever with no network/internet then there will be NO_INTERNET error in the App. ...

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. ...

Ionic App with NodeJS, Express, MySQL, Sequelize – Taxi App [Part 3] This is the concluding part for this series, where we will look at the Ionic 5 App integration with the Node JS server and the MySQL database. We will be learning how to make** HTTP requests** from the Ionic Application. There is a lot to be done in front-end logic to make a real-life Taxi App – which we are going to skip for the sake of brevity here. So let’s start and go with the flow. ...

Ionic App with NodeJS, Express, MySQL, Sequelize – Taxi App [Part 2] In the previous part of this series, we have discussed the initial setup of MySQL and Node JS with Sequelize. Now in this part, we will be talking more about the MySQL queries using sequelize and using them in Express Endpoints. We will write a few APIs that will interact with database models and perform basic CRUD (Create, Read, Update, and Delete) operations on it. We will take a scenario of the Login System , where we make a record of a user in our Users Model and later query the Users Model. ...

Ionic App with NodeJS, Express, MySQL, Sequelize – Taxi App [Part 1] In this series of tutorials, we will make a complete architecture with the Node JS & Express-based Server with MySQL database. We will use the Sequelize ORM to work with SQL queries. Initially, we will start with the setup of the SQL server and Node JS in your local machine So lets start and make our Awesome Application. ...

How to implement Firebase Push notifications in Ionic 5 In this post, we’ll learn how to setup Push notification in Ionic 5 app using Firebase. We’ll send notification using Firebase console and receive them in the app. We will also learn how to handle push notifications in your Ionic 5 apps. No no… not the push we are talking about 😐 ...