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 😐 ...
Beginner’s Guide to Ionic Angular Unit Testing (Part 3) – Async Testing In this series, we are talking about Angular Testing using an Ionic Angular application. Till now we have seen the basic setup process, the understanding of the core concept of Unit Testing – in mainly Components Testing. However, we have not touched upon a very important aspect of Javascript programming – ASYNC functions(which have been making promises friendly). Async functions always return a promise. ...
Beginner’s Guide to Ionic Angular Unit Testing (Part 2) – Mocks and Spies In our first part of this series, we saw how to set up the basic testing environment and got familiar with some of the terminologies for Unit Testing in the Angular world. Now you should be able to know – Karma, Jasmine tests, TestBed, Unit Testing: Mocks & Stubs etc. In this part, we will move further and add some more functionality to our app with the help of Angular Services(Testing services). As service dependencies will be injected into the components they will increase the complexity of our tests. Let’s jump ahead to the coding part. ...
Implement Anonymous login in Ionic Apps with Firebase In this post, you will learn how to implement Anonymous authentication in Ionic 5 apps using Firebase 🔥. We will also learn how to link an existing anonymous login with a new set of email password, so an anonymous user can convert into a normal user. We will implement these in a simple Ionic 5 app and test. ...
Firebase email authentication in Ionic 5 In this post, you will learn how to implement Email authentication in Ionic 5 apps using Firebase 🔥. We’ll go through all the basic stuff like login, register, recover password, logout, update profile, update email and reset password. These are the essentials for any Ionic 5 app you are creating. We will be doing all this in ionic serve i.e. browser itself. That means you can use these features in both apps and PWA (👻 awesome, right ? ) ...
How to use RTL (right-to-left) in Ionic 5 RTL is a very specific feature desired by people whose language is written from right to left. In this post you’ll learn how to implement RTL in Ionic 5. I will also show how various Ionic components look in an RTL layout. **All the layouts used in this blogpost can be found in **Ionic 5 Full app starter ...
Beginner’s Guide to Ionic Angular Unit Testing (Part 1) Angular is one of our favorite frameworks to work with – it might be complex to learn at first, but – it is a complete framework for front-end web development. As the framework is maturing by each version – it has become a reliable choice of any Long Term maintenance project. However, one can’t rely on software unless there is an assurance of code running properly every time you use it (or change it). That is why there is Testing – which automates the work of checking each aspect of code after every change. There are various ways of testing the code in Angular also - ...
Facebook login in Ionic 5 apps using Firebase In this post, you will learn how to implement Facebook authentication in Ionic 5 apps using Firebase 🔥. We’ll cook a sample app 👨🍳 , where users can login using their Facebook account. After login, users can see their basic profile information on the home page, and sessions are saved in Firebase. On repeat app start, users can auto-login using Firebase session. ...
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. ...