Ionic

Ionic 5 Vue Capacitor app – Internationalization and Localization In this post, you’ll learn how to translate text in Ionic 5 apps, specifically Vue App. You will also learn how to get device-specific language and convert your app’s text to the same language/locale. Ionic has a variety of app types nowadays (Angular/React/Vue, Cordova/Capacitor). This post will explore the Ionic apps made in Vue Capacitor. For the Ionic Vue code, you can go through this REPO. ...

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

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

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

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

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

How to make API calls in Ionic Capacitor Apps And how to avoid CORS issues API Icon made by Prosymbols from www.flaticon.com In this post, we will learn how to make REST API calls from an Ionic Capacitor app. This might sound very trivial feature but it actually becomes confusing because of a lot of options available and even becomes an issue because of origin restrictions and CORS issues. ...

Google login in Ionic Capacitor app with Angular In this post, you’ll learn how to implement Google login in your Ionic Angular Capacitor apps. We will also retrieve user name and profile photo to show after login. We will test the authentication on Web, Android and iOS. Since Google login is applicable in a lot of app frameworks, it is possible you landed here by (SEO) mistake. If you are looking for Google login in ...