Making Tinder-Style Swipe Cards With Ionic Framework

The Tinder App recently got a lot of attention, especially the swipe cards are suddenly appearing everywhere. Ionic is already creating a solution for everyone to easily create these kind of cards with HTML5 and Javascript. Therefore, in this tutorial I will show you how to add Tinder-style swipe cards in your Ionic app with the help of a custom ion.

Access The Native Device Clipboard In Ionic Framework

There are often times where you would need to copy information from your mobile application to your devices native clipboard. Maybe you are making an address book application and you want to copy a phone number to the clipboard when you click on a contact. Doing this with native code can become a challenge.

Lucky for us, we are using Apache Cordova, and there is a plugin by Verso Solutions called CordovaClipboard. Using this in combination with the AngularJS extension set, ngCordova, can give us clipboard functionality with as little as four lines of code.

The following will explain how to make a simple Ionic Framework mobile application that uses the CordovaClipboard plugin with ngCordova.

Upload Files To A Remote Server Using Ionic Framework

I was recently asked by one of my subscribers if I knew how to upload files from an Android or iOS device to a remote server using Ionic Framework. My initial response was no, but it didn’t stop me from taking a whack at it.

Using the AngularJS extension set, ngCordova, with Ionic Framework and the Apache Cordova File Transfer plugin, you can easily upload files to a remote server.

Hooks With Apache Cordova Mobile Applications

If you develop Apache Cordova applications long enough, you’re eventually going to notice little things that you feel you can improve in the development / deployment lifecycle. Making use of hooks in your Apache Cordova project can yield many great things for your project.

Make List Items Swipeable In Ionic Framework

It is an expectation of modern mobile applications to have a fancy UI with smooth animations and gesture controls. Users want to be able to drag things, see smooth transitions, popups and other neat UI wizardry.

A common UI feature, as found in apps like Gmail, are swipe-able list items. Whether it be swiping to show buttons or swiping to perform tasks, it adds an additional layer of coolness.

Using Ionic Framework on top of Apache Cordova gives us access to swipe-able elements in the ion-list directive.

Syncing Data With Firebase Using Ionic Framework

Lately there has been a lot of buzz about Firebase and now that it has been bought by Google, it is probably only going to get bigger. Firebase has a very thorough datastore API making it very useful for applications that can leverage JavaScript.

Now you might be asking yourself, well can’t I use the Dropbox datastore API that you mentioned in one of your previous articles? You absolutely can, however, Firebase is a far better solution when creating a service because the data isn’t sandboxed to a specific user like Dropbox.

In this example, we’re going to create a simple Apache Cordova Android and iOS application using Ionic Framework.

Accessing A Localhost Server From Genymotion

Many times when developing Android applications, you’re doing it to pair with a web server. You’re planning on creating this awesome web service / Android experience, but you aren’t quite ready to publish the web service to the internet.

The following will show you how to connect the Genymotion Android emulator to a locally hosted web application.