Ionic

Adding Charts in Ionic 4 apps and PWA: Part 3 – Using HighCharts This is part 3 of a 4 part series regarding **how to create charts in Ionic 4 apps. **In this Part 3, you’ll learn how to create various types of Charts using HighCharts in Ionic 4 Apps and PWA (Part 1 – Adding Charts in Ionic 4 apps and PWA : Part 1 – Using Chart.js) (Part 2 – Adding Charts in Ionic 4 apps and PWA : Part 2 – Using D3.js) (Part 4 – Adding Charts in Ionic 4 apps and PWA : Part 4 – Using Google Charts) ...

Ionic 4 – Save and Retrieve Data Locally on Device This post is all about saving data locally in your cool new app. In this post, you will learn How to implement cordova-sqlite-storage in our app. How to integrate native-storage into an ionic app. Before start, first you will need an ionic app to start with, hence you can follow how to create an ionic app for beginners and start after that from here. ...

Firebase with Ionic 4 – Hosting, Auth and DB connection Firebase Starter Kit (Ionic 4)**: **A great starter to get you started with Ionic 4 and Firebase. Let’s take a dive to know the paramount benefits of Firebase for your Ionic 4 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, messaging and crash reporting so you can move quickly and focus on your users. ...

Adding Charts in Ionic 4 apps and PWA: Part 2– Using D3.js This is part 2 of a 4 part series regarding **how to create charts in Ionic 4 apps. **In this Part 2, you’ll learn how to create various types of Charts using D3.js in Ionic 4 apps and PWA (Part 1 – Adding Charts in Ionic 4 apps and PWA – Using Chart.js) (Part 3– Adding Charts in Ionic 4 apps and PWA – Using HighCharts) (Part 4 – Adding Charts in Ionic 4 apps and PWA : Part 4 – Using Google Charts) ...

Adding Charts in Ionic 4 apps and PWA : Part 1 – Using Chart.js This is post 1 of a 4 part series regarding how to create charts in Ionic 4 apps. (Part 2– Adding Charts in Ionic 4 apps and PWA – Using D3.js) (Part 3 – Adding Charts in Ionic 4 apps and PWA – Using HighCharts) (Part 4 – Adding Charts in Ionic 4 apps and PWA : Part 4 – Using Google Charts) ...

How To Build Web Components Using Stencil JS Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks into a simple build-time tool. and we can use these web components everywhere in Your JavaScript Projects(Angular, React, Vue) without need to copying one thing again and again. You can either use it in your vanilla JavaScript. Stencil was created by the Ionic Framework team to help build faster, more capable components that worked across all major frameworks. ...

What’s new in Cordova 9.0, compared to Cordova 8.x In this post, you’ll find out the major difference and upgrades released with Cordova 9, compared to Cordova 8. This includes major platform changes as well as how it affects (Cordova based) Ionic apps. This post is aimed to help developers migrate from Cordova 8.x to 9.0 TLDR; One major change for Ionic apps is that most of the Cordova plugins will now have to be updated to be compatible with Cordova 9.0.0 ...

Play Spotify like Music in Ionic 4 apps This post is all about playing music in your cool new app, be it for a music player or just for a notification. In this post, you will learn How to play music and sound files in Ionic 4 apps How to stream music using web URLs How to use music controls like next, previous, pause etc. Complete source code of this tutorial is available here – Ionic-4-music. This demonstration is supported by Ionic 4 Spotify Starter from Enappd ...

How to implement Google Vision in Ionic 4 The blog focuses on implementing Google Vision in an Android / iOS application using Ionic 4 framework. The app supports various features including but not limited to Object Detection, Labeling Images, Text Recognition, Face Detection using Google Vision API. Introduction Ionic Framework Ionic Framework is an open-source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is mainly concentrated over the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). ...

How to automatically read SMS in Ionic 4 apps In this post we will learn how to read SMS in an Ionic app automatically. Reading SMS is a popular feature found in majority of popular apps today. Mostly, this is used for automatic approval of OTP and passwords in authentication or online payment processes. **Complete source code of this tutorial is available here – **Ionic-4-sms-receive What is Ionic 4? You probably already know about Ionic, but I’m putting it here just for the sake of beginners. Ionic is a complete open-source SDK for hybrid mobile app development created by Max Lynch, Ben Sperry and Adam Bradley of Drifty Co. in 2013. Ionic provides tools and services for developing hybrid mobile apps using Web technologies like CSS, HTML5, and Sass. Apps can be built with these Web technologies and then distributed through native app stores to be installed on devices by leveraging Cordova. ...