Posts in category Text

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

1 Shares

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! https://www.youtube.com/watch?v=jAu1ZsTCA64 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 […]

8 Shares

Implementing Wikitude’s Instant Tracking in an Ionic appl...

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

5 Shares

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.

5 Shares

Using Wikitude’s Image Recognition in an Ionic appl...

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.

1 Shares

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.

1 Shares

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

1 Shares

Implementing GraphQL using Apollo in an Ionic Application...

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.

3 Shares

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!

1 Shares

Mastering File Navigation with Ionic Native File

thumbnail ionic cordova file navigation

In continuation of the previous tutorial on the Cordova File Navigator, here is the one on the Ionic Native solution. Don’t hesitate to have a look at the other one, there might be some complementary information there.

2 Shares