Posts in category Beginner

Implementing GraphQL using Apollo in an Ionic Application...

thumbnail ionic graphql node apollo intro

7 years ago I had to do a school project on REST or SOAP. I followed my instinct and chose REST. Today I’m taking a step forward with GraphQL. Just like Redux, this technology is trending via Facebook’s React and we can now use it in our Ionic applications.

Adding Redux to an Ionic Application

thumbnail ionic redux implementation intro

Redux. You certainly have heard this word unless you lived in a cave during the past four years, if that’s the case welcome back, Donald Trump is president of the United States and World War 3 is coming soon (here is a secure source ūü§£). Joke aside. Redux is rampaging because it allows us to write better quality applications and […]

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.

Using Firebase Storage in Ionic

thubmnail ionic firebase storage

Most applications stock information so user’s can leave and come back later. In the past we only had one option: stocking the data in a separate folder on the server side. In this tutorial we explore the new way to easily stock our data using¬†Firebase’s Storage Service and skip all the DevOps rules.

Adding Twitter Authentication with Firebase in Ionic

thumbnail ionic firebase twitter oauth

The OAuth system allows us to skip the registration step and allows a user to directly access the application using a social media account. In this tutorial we mix together Firebase and Twitter’s Authentication in an Ionic mobile application.

How to Use Web Workers With Ionic in One Go

thumbnail ionic web workers

Web Workers are very useful for handling heavy calculations. The code is working in a background thread and the UI can be used with no issue. Web Workers are available in traditional JavaScript and that’s what we are going to use in our Ionic mobile application. We will create an application that will use one of the most famous algorithm: […]

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 […]