Ionic Restify MongoDB – An End to End Hybrid App

Ionic Restify MongoDB – An End to End Hybrid App

Build the same Bucket List app without worrying about server side code, check out Creating a Firebase Powered End to End Ionic Application

In this post, we are going to build an End to End Hybrid App, that has a server component and a client component. Our server will be built on top of Node js, with Restify as the server side framework and MongoDB as the data persistence layer. Our Client is a Hybrid App, built with Ionic framework. We then are going to deploy the Ionic app using PhoneGap Build service to generate a Native installer.

The App we are going to build is a Bucket List app. Here a user can register and login. Then s/he can create a few bucket list items. Which would eventually result in

2014-04-27-12-42-23 2014-04-27-12-42-32

2014-04-27-12-44-31 2014-04-27-12-46-08

  2014-04-27-12-46-37 2014-04-27-12-43-37

These images are taken from my Android Samsung Galaxy Note I device. And the performance was okay. But there is a lot of scope for improvement. If you want to dig into the app yourself, click here.

I have deployed the REST server on Heroku, DB on MongoLab and the client is the Ionic PhoneGap Native app!

List of all the REST service endpoints can be found here (needs some cleanup).

If you want to issue a PhoneGap build before diving in, you can fork this repo and submit it here. Download the installer and test it out. Or you can download the installer directly from here.

You can find the complete code here.

Contents

Continue reading

Journey of a FireFox OS App

FireFox OS App Development

In this post, we will see how to create a Firefox OS app using a Yeoman generator, build a simple app using Firefox OS’s native Building Blocks. Then we will publish the app to the Firefox Marketplace. To make the app a bit more interesting, we will use GeoNames Weather API and show the details to the user. The end product will look like

Screen Shot 2014-04-11 at 10.26.33 am

Screen Shot 2014-04-11 at 7.04.02 pm

Disclaimer: I was not able to get through the review process for publishing this App on the Firefox MarketPlace, as this app is working fine on the simulator and not on the actual device. And I do not have an actual device to test this. But this post can give you an idea as how to get started with Firefox OS apps development.

Contents

The code for this project can be found at GitHub & a Live demo here.
Continue reading

MapReduce in MongoDB

MapReduce in MongoDB

MapReduce in MongoDB tutorial

MapReduce in MongoDB Getting started

MapReduce in MongoDB Example

MapReduce in MongoDB with Node js

In this post, we will take a look at performing MapReduce operations on JSON documents present in MongoDB. We will generate dummy data using dummy-json, a  node package and we will use Mongojs another node package to run MapReduce jobs on that data from our Node application.

For a quick sneak peak, take a look at this runnable (click on the run button).

Contents

You can find the complete code here.

Continue reading

Nodejs Restify MongoDB – Build your own REST API

Nodejs Restify MongoDB – Build your own REST API

Nodejs Restify MongoDB tutorial

Restify GET PUT DELETE POST

MongoDB Mongojs MongoLab

Runnable Demo

In this post, we are going build a Node based REST API for a collection in our application. We will use Restify to handle our server endpoints. Then we use Mongojs to interact with the database. We will be using MongoLab, (a free* MongoDB as a Service) to store our data. To make things a bit more interesting, we will use Runnable to deploy the app and share it with the world.

We will be building a simple product API, where we Create a new product, Read the product, Update the product and finally Delete the product using the traditional REST methods POST, GET, PUT & DELETE.

The final output of this post would be

Screen Shot 2014-04-20 at 4.35.49 pmTo get your hands on the above demo, navigate to myRunnable, scroll to the very end of the page & wait for the terminal to show up. Then run

node client.js

to see the above output.

Contents

You can find the complete code hereNow, Let’s see how we can build the REST API.

Continue reading

Meteor Js – Build Apps Lightning Fast

Meteor Js tutorial

In this post, we will see how we can leverage the power of Meteor js to build top quality apps at lightning pace. We will take a quick look at how the framework works and how we can leverage it to build apps easily.

By the end of this post, we will be building 2 apps. A Single Page Chat Application (SPA)  only with Meteor js to get a feel of Meteor & a Multi Page Application (MPA) named Events Feed, leveraging Meteorite js – a package manager for Meteor js & Iron router, that will serve the purpose of a Chat app at live public events.

Chat Application : Live URL

Screen Shot 2014-04-16 at 9.40.30 am

Events Feed: Live URL

Screen Shot 2014-04-16 at 9.42.31 am Screen Shot 2014-04-16 at 9.42.41 am Screen Shot 2014-04-16 at 9.43.33 am

So lets get started.

Contents

Continue reading

ECMAScript 6 – Playing around in Harmony

ECMAScript 6 – Playing around in Harmony

ECMAScript 6 is the next version of our favorite scripting language ECMAScript 5. The code name is “Harmony” or “ES.next”. The current version of Javascript is 1.8.5, which was upgraded around July 2010 to be compliant with ECMAScript 5 features.

You can learn more ECMAScript 5 and below versions here.

ECMAScript 6 draft specification can be found here.

ECMAScript 6 compatibility can be found here.

The tentative release date is December 2014. So, if you want to train yourself for the next major change in the world of Javascript, you need a training arena & that is what we are going to build today!

To hone your ES6 skills, lets create a playground, where you can write code in ES6 and transpile the same to ES5 to run in today’s browsers.

There are 2 ways you can get started

Continue reading

Framework7 & PhoneGap – Getting Started

Framework7 & PhoneGap – Getting Started

In this blog post, we will be building a Boilerplate for Framework7 & PhoneGap. We will also look at PhoneGap build for deploying our newly created Framework7 app.

Contents

Code @ Github 
Continue reading