Implement Google Maps Using Ionic Framework

One of my Twitter followers recently asked me if I could write an article regarding Google Maps and Ionic Framework. I am always up to learning and sharing things, so I’ve taken on this challenge.

The following will get you a fresh Ionic project with geolocation and a fancy Google Map.

Generate Time-Based One-Time Passwords With JavaScript

I recently released an iOS and Android application called OTP Safe to iTunes and Google Play. OTP Safe makes use of the time-based one-time password (TOTP) algorithm commonly used with two-factor authentication (2FA). How exactly, does this algorithm work, and how can we make it work with JavaScript?

Using the following resources as our framework, we can make use of the TOTP algorithm quickly and easily:

• http://blog.tinisles.com/2011/10/google-authenticator-one-time-password-algorithm-in-javascript/
• https://code.google.com/p/google-authenticator/source/browse/libpam/totp.html?r=a852f172b62bf58d436e942e59f6439224b1477d

Aggregate SQL Data From Multiple Rows Into A Single Row

Recently I found myself needing to aggregate my multiple row SQL data into a single row. This was because the parent data was more useful to me than the multiple row’d data, but I still needed to include it because it was still an essential part of my report. The data looked something like the following:

Syncing Data With Dropbox Using Ionic Framework

Storing or syncing data remotely is often a need in modern apps. This generation is all about the cloud and how to be a part of it. Ionic Framework is a great way to make hybrid cross platform mobile Android and iOS applications, but how about sharing data between them? Dropbox is one of a few cloud storage services that happens to have great APIs and documentation.

The following won’t necessarily show you the best way for syncing data in Ionic Framework using Dropbox’s Datastore API, but it will show you how I did it with success.

Use Font Awesome Glyph Icons With Ionic Framework

In a previous article I explained how to use Font Awesome glyph icons in your native Android application. Ionic Framework ships with IonicIcons included, but what if you wanted to include Font Awesome or any other font for that matter?

The following will show you how to include Font Awesome into your Android and iOS Ionic Framework project.

OTP Safe Released

OTP Safe for Android and iOS has just been released in the Google Play and iTunes app stores. OTP Safe makes use of the time-based one-time password (TOTP) algorithm common for two-factor authentication (2FA) for websites and other applications.

This mobile app, like Snapper for Digital Ocean, was created using AngularJS and Ionic Framework.

Updating Your Ionic Framework Project and CLI

The developers at Ionic Framework are constantly releasing updates to both their CLI and base install. With great new features and fixes in every release, you’re going to find yourself wanting to upgrade frequently. But how does one do this? As of right now there is no magical all in one ionic update command.

These are the steps to update your CLI and base library for a given project.