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. ...
Top 7 useful Ionic and React Native Hybrid App Templates/Starters in COVID-19 Pandemic The coronavirus outbreak has spread global panic, with people searching for sure-fire ways to protect themselves and also adapt to new ways businesses are going to thrive. COVID-19 has changed the world and people’s minds. The technologies are significantly playing a vital role in the day to day lives and have impacted in better ways in this COVID-19 pandemic which has created a fundamental impact on business and its working standards. The technologies are playing a crucial role and are assisting us to reduce the spread of this crisis while helping businesses stay open. ...
Ionic 5 React Full App in Capacitor- best of both Ionic and React “Ionic 5 React Capacitor Full App” is a multipurpose high-quality starter app template, which gives you everything like components, plugins & examples, to build pixel perfect iOS and Android apps. It represents the culmination of several months of research and hard work packing several different frameworks into a powerful UI Design System and starter for every developer. ...