How to add Image Cropper in ionic 5 app This is Part-2 of two post series. In this post, you will learn how to implement an Image Cropper in Ionic 5 apps 🔥. Part 1 of the series discusses how to use Image picker in Ionic 5 app. We will create a sample app, where users can pick an image from either camera or gallery. After picking, user can see and crop their image as well. ...
Camera and Image picker in Ionic 5 app Summary This is Part-1 of two post series. In this post, you will learn how to pick images using Camera and Image picker in Ionic 5 app. Part 2 of the series discusses how to Crop those images in Ionic 5 app We will create a sample app, where users can pick an image from their gallery or camera. After picking, the user can crop the image. ...
Implement Google login in Ionic 5 apps using Firebase In this post, you will learn about ionic firebase authentication and how to implement a Google authentication in Ionic 5 apps using Firebase 🔥. We’ll cook a sample app 👨🍳 , where users can login using their Google account. After login, users can see their basic profile information on the home page, and sessions are saved in Firebase. ...
Github Actions: Deploying Ionic Angular App to Firebase Hosting Github Actions is Github’s way of CI/CD GitHub Actions now supports CI/CD, free for public repositories. CI or Continuous Integration is a mechanism to automate the process of merging new code into an existing code base, – and to test things before doing this merge. This means as a developer you don’t have to worry about – are things still working? Use Continuous Integration to automatically build and test your code as you push it to GitHub, preventing bugs from being deployed to production. That’s all about continuous integration here. ...
Implement Signature Pad in Ionic 5 apps You might have seen the delivery guys taking your signature on the phone, or someone scribbling their handwriting on their phone. It looks pretty cool, and in this post, you’ll **learn how to integrate a Signature pad functionality in Ionic 5 apps and PWA. ** By signing on your phone you can do (among many) following things ...
How to create an Ionic 5 app – For beginners Hybrid apps have been the sensation in recent years and for a good reason. With their ease of development for web developers, powerful performance and versatile usage possibility – Hybrid apps beat Native apps at many frontiers. Ionic has been at the forefront of Hybrid app development for the last few years, and it is just getting better. With the release of the latest** Ionic 5 framework**, the overall stability of apps has gone up again. ...
How to translate in Ionic 5– Internationalization and Localization In this post you’ll learn how to translate text in Ionic 5 apps and PWA. You will also learn how to get device specific language and convert your app’s text to the same language / locale. We will also look at a popular sought after method of loading JSON files from servers instead of keeping them in local build. This is specially useful for mobile apps, as refreshing the build on user device is not possible at runtime. ...
PayPal integration in Ionic 5 Apps and PWA PayPal has stopped supporting the Cordova plugin for mobile payment. PayPal recommends using Braintree for mobile payments. Read our blog on PayPal integration in Ionic using Braintree for details. You can still use PayPal for web payments in Ionic PWA In this post, you’ll learn to integrate PayPal payment in Ionic 5 apps and PWA, so you can accept payment both on mobile and desktop devices. ...
Ionic 5 Complete guide on Geolocation, permissions and auto-turn on GPS In this blog post you will learn how to implement Geolocation in each of the following Ionic 5 variations Part 1 – Ionic 5 with React and Capacitor ✅ Part 2 – Ionic 5 with Angular and Cordova (Pending) Part 3 – Ionic 5 with Angular and Capacitor ✅ Along with these features, we’ll also check the functionality of ...
Ionic 5 Complete guide on Barcode and QR Code scanning In this blog post you will learn how to implement Barcode & QR code scanning and QR code creation in each of the following Ionic 5 variations Ionic 5 with Angular and Cordova ✅ Ionic 5 with Angular and Capacitor (Pending) Ionic 5 with React and Capacitor (Pending) This blogpost is part of a new blog series – Ionic 5 Complete Guides , to cover One Single Feature in All Ionic Variations in one blog. Since Ionic has now expanded to cover frameworks like Angular, React, Vue, Cordova and Capacitor, it is high time to have a single place to learn about a feature – in all its different forms. ...