Posts in category Text

Mastering Cordova’s File Navigation in an Ionic App...

thumbnail ionic cordova file navigation

I literally spent 2 hours trying to find a good music player for iPhone. Why? Every music files I downloaded on the web were just lost somewhere and no applications could access it … Ridiculous right? In this tutorial we create a file navigation mobile application that allows us to access any file on any device. From there you can […]

Understanding the Manifest of an Ionic PWA in One Go

thumbnail ionic PWA configuration manifest

The configuration of a progressive web app (PWA) is mainly done in the manifest.json file. As usual, we, Ionic developers are lucky guys because this file is already configured for us. This tutorial focuses on understanding how this file impacts our PWA. 

Creating an Ionic PWA with Firebase Offline and Service W...

thumbnail ionic PWA firebase offline

Progressive Web Apps or PWA are rising. As the name suggests, they are web applications. The only difference is the progressive aspect. This word represents what we have been doing for years. We could have stayed at the Web 1.0 with static websites and funky blinking links, but thank god we didn’t.

Implementing Google OAuth with AWS in Ionic

thumbnail ionic aws google oauth

Handling password/email authentication can be bothersome for both the users and the developers. Open Authorization (OAuth) comes to the rescue by allowing us to directly login using popular social media accounts, delegating the authentication process to them and receiving more information from their side.

Testing Geolocation Apps Without Moving in Ionic

thumbnail ionic geolocation mock

Ionic Native Geolocation is great, however, when we need to test different use cases on a real device it becomes a bit complicated. In this tutorial we will create a special mock that will allow us to stay at home while easily spoofing to other places. Mock Selection Let’s get the party started: View the code on Gist. The classic […]

Mixing Local Notifications and Background Geolocation in ...

thumbnail ionic background notification geolocation

This tutorial focuses on showing the power of Ionic’s Background Mode. If you follow me on Twitter, you already know that I’m a Pokemon Go addict player and … this game like many other mobile applications lack some crucial background features forcing us to keep the application open and draining our battery to death.

The Complete Guide To Animations With Ionic

thumbnail ionic animations

When building a mobile application, the focus is on the features. Once everything is working, the next step is improving the UX and that’s where animations arrive. This process must be done properly, otherwise it can mess up the application and create some bugs like not showing or obfuscating some important elements. This tutorial will cover everything about animations in […]

Using Firebase Cloud Functions in an Ionic application

thumbnail Ionic firebase cloud functions

This tutorial is similar to the one on the AWS API Gateway. At the end you will be able to choose between the AWS or the Firebase way. Firebase has many services we can use like Authentication, Real-Time Database, Crash Reports, etc. If we want something custom, Cloud Functions for Firebase allows us to create our own functions and call them in our […]

Using Firebase and AngularFire2 Basic Authentication in a...

thumbnail ionic firebase angularfire basic authentication

Authentication sucks, we have to code on the client and on the server side, handle tokens, sessions, handle password resets, send the emails through an SMTP server and so much more. Well … not anymore, Firebase comes to the rescue! The previous tutorial was just the tip of the iceberg, Firebase allows us to be lazy and have our authentication […]

Using Firebase and AngularFire2 in an Ionic Real-Time TOD...

thumbnail Ionic firebase Angularfire

After the previous articles on AWS, a similar technology was left behind: Firebase. This technology is ******* amazing. So much power that is given to us and you will understand one part of it at the end of this tutorial. Today we create a Real-Time TODO application using AngularFire2, unlike other traditional TODO apps this one can be edited by […]