In this tutorial I will explain how to deploy one of my Ionic starters to Heroku with Dropbox. Both dropbox and heroku have a free tier that you can use. If you get serious about your app you can upgrade to heroku professional account which is similar to Amazon’s service but much easier to use.
Prerequisite: Sign up for dropbox.com and download their desktop client. Use one of my ionic starters with a node.js backend or use your own node project.
1. Create an account on Heroku.com
I recently published Yik Yakker Ionic Starter app. It is a Location Based Anonymous Posting App which can be great for starting your own Yik Yak like app or any type of classifieds craigslist type app.
Check it out on the Ionic Market Ionic Yik Yakker Starter App
How to Hide Specific Ionic Tabs in Angular? It turns out ionic does not support this functionality by default although I think it should, but luckily it’s not that complicated.
Here are the 3 simple steps:
<ion-tabs ng-class="{'tabs-item-hide': hideTabs}">
</ion-tabs>
<ion-view hide-tabs>
</ion-view>
.directive('hideTabs', function($rootScope) {
return {
restrict: 'A',
link: function($scope, $el) {
$rootScope.hideTabs = true;
$scope.$on('$destroy', function() {
$rootScope.hideTabs = false;
});
}
};
})
The hide-tabs directive will hide the tab on whichever ion-view you set it to.
Ever wonder how to format your post times to show up like Twitter or Facebook time since post in minutes, hours, etc? Here is an example of a facebook post 5 hrs ago:
I recently had to do this for one of my Ionic mobile apps. Here is the function in JavaScript:
function formatTimeSincePost(time) { // SHOW TIME SINCE POST
var now = new Date();
var postTime = new Date(Date.parse(time));
postTime = now.getTime() – postTime.getTime();
var timeAgo = Math.ceil(postTime/1000/60);
var displayTime = "" ;
if ( timeAgo > 1440 ){ // SHOW DAYS
displayTime = "" + Math.ceil(timeAgo/60/24) + " days" ;
}
else if (timeAgo > 59){ // SHOW HOURS
displayTime = "" + Math.ceil(timeAgo/60) + " hrs" ;
}
else { // SHOW MINUTES
displayTime = timeAgo + " min" ;
}
return displayTime;
}
You can also add months and years easily if you wish. There you go, happy coding.
I just published a Twitter Client for Ionic using Angular and Cordova. It’s a great starter kit for making your twitter app or showing timelines in your apps.
More features can be added upon request.
I recently published some of my Ionic Starter Templates that should speed up your new hybrid app development on Noodl.io and Ionic Market. All starters have been tested on both iOS and Android.
Ionic Geolocation – A quick way to start a new geolocation enabled app
Ionic Phonebook – A very easy way to start your phonebook & contacts app
Ionic OAuth – A full app with a node.js backend to support user creation, session, login & social login
Ionic Login Session – A full stack app with node.js backend without the social login support
Also please leave a rating if you get one! many thnx =)