New and Improved Ionic 2 Sample Application

Earlier this year, I shared a real estate sample application built with the first beta of Ionic 2. Many things have changed in Ionic 2 since then, and it was time for an update. In this post, I’ll share a new and improved version of the app built with the latest release candidate.

Watch the video:

Hosted Version

Click here to run a hosted version of the app in your browser. Use the Google Chrome device emulator or simply resize your browser for a phone-like experience.

Source Code

The source code and installation instructions are available in this repository.

Mock and REST Services

The app comes with two interchangeable implementations of the data services:

  • The Mock services implementation uses in-memory data and are used for prototyping or testing purpose.
  • The REST services implementation uses Angular’s new observable-based http object to access Node.js-based REST services.


You can now see the list of properties on a map. The map view is implemented with Leaflet and provides an example of integrating third party libraries in an Ionic app built with TypeScript.

  • Thanks for this post! Any reason for using Leaflet instead of G.Map?

    • freeze

      a lot

  • Initial load …

    13 Requests
    6.8 Megs
    Finish 16.91 seconds

    Not exactly a progressive Web App

    • FlickrAwards

      To be fair though the application which is hosted online is not being optimised for production build…

  • Guy Halperin

    awesome post! I can’t seem to get leaflet to work correctly.. I tried npm install leaflet but “L” is still not recognized. I also tried adding typings but that didnt work either. Any suggestions?

  • It’s a good post

  • Cool information provided

  • It’s a cool article

  • Fede Sardo

    Thanks a lot, I am trying to run this sample. One question, in app.component.ts what is pages array declared for? Regards

  • Jay LeCorse

    Thank you enormement for this post. Everything works wonderfully, it’s really a great example to start. Can you demonstrate, please,how to add inputs on Json from the application? A Crud system in rest mode? thank you very much

  • Pingback: Sample Application with Ionic 2 and Salesforce | Christophe Coenraets()

  • chihab eddine Belil

    Than you very much for you effort, One question. about the localisation. what if i want to get it from a database, How can i modify this ?

  • jai

    I need to add qty options plus and minus thing ionic 3

  • Damny

    Get all latest music Nice post Latest Music Around Nigeria

  • Ayo Adekola

    ,,nice 1 .

  • CIIT Noida

    Your Site Is Very Good and The Post is Well On Topic, Thanks for Sharing it with us.

    Hadoop Training Institute in Noida

    Best Hadoop Training in Noida

  • Dinesh Kumar

    This is very useful information. I really looking for this kind of post.visit
    app development
    for modern ideas and techniques. We are very thankful for this post

  • hi your blog Article is very nice & thanks for sharing the training