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.

Leaflet

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?

  • 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?
    Thanks!

  • It’s a good post
    http://connectfirms.com

  • Cool information provided

  • It’s a cool article
    http://www.shreetmt.com/

  • 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

css.php