Mixing Ionic, Dialogflow and Node.js in One Go

thumbnail ionic artificial intelligence API fulfillment

Last week we created an AI Chatbot by using Dialogflow (also known as API.AI) in an Ionic application. It was a fun tutorial and we have seen why people are afraid AIs will take their jobs. However, it wasn’t complete. The users could talk to an AI and receive some predefined information, but all of those weren’t real information. In […]

Creating an Ionic AI Chatbot with Dialogflow (or API.AI)

thumbnail ionic artificial intelligence API

Artificial Intelligence (AI) is everywhere. I can’t spend one day without hearing about one new AI feature, they are even featured in my video games! No wonder Elon Musk is accelerating his Mars colonization project. Artificial Intelligence can be quite complicated, but new platforms are created to simplify it. The Dialogflow Company created a simple conversational platform. By using this type […]

Implementing Wikitude’s Instant Tracking in an Ionic application in one Go

thumbnail ionic augmented reality wikitude intro

If you are a beginner, you should have a look at the previous tutorials (here and there). So far, tracking wise we have seen how to display information by using: The user’s geolocation An image An object But, what if we just want to display an object without using any complex mechanism? Two words: Instant Tracking. In this tutorial we will use […]

Using Wikitude’s Object Tracking in an Ionic application

thumbnail ionic augmented reality wikitude intro

Augmented Reality (aka AR) is all about adding virtual objects to our world. The ultimate goal is to add those virtual objects on every real life object. Wikitude makes this process quite simple and we are going to implement it in an Ionic application.

Using Wikitude’s Image Recognition in an Ionic application

thumbnail ionic augmented reality wikitude intro

First of all I’d like to thank the Wikitude company for the license key they provided to me. I’ll soon update the previous demo gifs to remove the trial watermarks! In this tutorial we will use Wikitude’s image recognition feature to display a new image in our Ionic AR application.

Using Redux Reactive Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

After last week’s tutorial on Template-Driven Forms and Redux. Today we attack the Reactive side. We are very lucky because there aren’t many changes. We have already seen what Reactive Forms are, how to use them and how to validate them in Angular.

Using Redux Template-Driven Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

We have already seen what Template-Driven Forms are and how to use them with Angular in a previous tutorial. In this one we take another approach by coupling it with Redux in an Ionic application. You should have a look at the Redux introduction and the time travel tutorial if you are not familiar with this new technology. As usual […]

Implementing GraphQL using Apollo in an Ionic Application: CRUD

thumbnail ionic graphql node apollo intro

Apollo for Angular is quite new so this article will be quite experimental and (I hope) it might change after the release of the incoming apollo-client 2.0. Thanks to Angular, Ionic applications benefit from two-way data bindings and this feature will affect how our CRUD is built.

Implementing GraphQL using Apollo in an Ionic Application: Introduction

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.

Implementing Redux Time Travel in an Ionic Application

thumbnail ionic redux time travel undo redo

Implementing an Undo Redo System (or Time Traveling) in an Ionic application can be complex, we have to keep in memory states, changes, actions, bindings and this is a huge headache. On the other side if we use Redux, this can be done with 10-20 lines of code. So let’s use this baby!