IonicRealty: New Ionic 2 Sample Application

A couple of months ago, I shared a first Ionic 2 sample app built with Ionic 2 alpha. Ionic 2 is now in beta and things have changed a bit. To stay up to date with the latest changes, I built IonicRealty, a new sample app built with Ionic 2 beta.

Watch the video:

In addition to the usual suspects (Lists, Cards, etc), the app features some of the other cool UI components and patterns that come out-of-the box in Ionic: Action Sheets, Item Sliding (slide to delete in the favorites list), Alerts, etc.


Hosted Version

Click here to run a hosted version of IonicRealty.

Source Code and Installation Instructions

The source code for the application is available in this repository on GitHub.

Resources

19 Responses to IonicRealty: New Ionic 2 Sample Application

  1. Sam January 27, 2016 at 3:26 am #

    Perfect do you have any app with built by angular 2 and ionic 2 ?
    I just want to test it from my phone.
    Thanks..

  2. Conny February 12, 2016 at 11:58 am #

    It would be really nice to extend this sample app with a map view. So on the start page you can toggle between seeing the houses in a list (as today) or on the map. When you view an individual property you can select to show it on the map as well.

  3. Dezudas February 20, 2016 at 7:13 am #

    Can we add search filter to the list

  4. Güzel Sanatlara Hazırlık February 21, 2016 at 7:18 am #

    3 şubesi ile İstanbul geneline hizmet veren Zafer Gazioğlu eşliğindeki güzel sanatlara hazırlık kurumumuz haftanın tüm günü öğrencileri ile ilgilenmektedir. Taksim meydanındaki ilk kurumumuz , bakırköyde bulunan 2. şubemiz ve kadıköydeki kurumumuz ile Asya ve Avrupa İki yakadada sizlerleyiz.
    Taksim Resim Kursu ile sizleri amaçladığınız üniversitelere yerleştirmeyi kendimize prensib edinmekteyiz.

    http://www.arkhesanat.com/

  5. agario March 8, 2016 at 10:06 pm #

    i ever find but nice blog

  6. Vidhyadharan Deivamani March 30, 2016 at 2:05 pm #

    Not working i am getting error in latest ionic 2 – 2.0.0-beta.22

    • rtpHarry April 5, 2016 at 8:22 pm #

      I’ve just opened a pull request on the github repo which updates this to work with Ionic 2 beta 3.

    • Brian May 24, 2016 at 12:02 pm #

      Did you ever figure out how to fix it?

      I’m presuming the same will happen when I try it. I have the latest Ionic 2 install

  7. Adarsh April 8, 2016 at 9:07 am #

    Nice but the hosted version seems to take a long time to load With the main culprit being the app.bundle.js. Any pointers as to how to reduce the loadtime?

  8. Code1942 April 10, 2016 at 6:29 am #

    I am not able to run this app. Tried reinstalling everything still get a blank page. How can I get more help.

    • Code1942 April 10, 2016 at 9:42 am #

      I tried npm install ionic@2.0.0-beta.3 and got the below error

      npm ERR! tar.unpack untar error /tmp/npm-5662-37e0996d/registry.npmjs.org/liftoff/-/liftoff-0.12.1.tgz
      npm ERR! tar.unpack untar error /tmp/npm-5662-37e0996d/registry.npmjs.org/hawk/-/hawk-1.1.1.tgz
      npm WARN peerDependencies The peer dependency file-loader@* included from url-loader will no
      npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
      npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
      npm WARN peerDependencies The peer dependency node-sass@^3.3.3 included from sass-loader will no
      npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
      npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
      npm WARN peerDependencies The peer dependency webpack@^1.12.2 included from sass-loader will no
      npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
      npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
      npm ERR! tar.unpack untar error /tmp/npm-5662-37e0996d/registry.npmjs.org/readable-stream/-/readable-stream-2.0.4.tgz
      npm ERR! tar.unpack untar error /tmp/npm-5662-37e0996d/registry.npmjs.org/cordova-js/-/cordova-js-4.0.0.tgz
      npm ERR! tar.unpack untar error /tmp/npm-5662-37e0996d/registry.npmjs.org/requirejs/-/requirejs-2.1.22.tgz
      npm ERR! tar.unpack untar error /tmp/npm-5662-37e0996d/registry.npmjs.org/plist/-/plist-1.1.0.tgz

      > deasync@0.1.4 install /home/niit/node_modules/ionic/node_modules/ionic-app-lib/node_modules/awesome-typescript-loader/node_modules/deasync
      > node ./build.js

      `linux-x64-node-4` exists; testing
      Binary is fine; exiting

  9. CodeJB April 29, 2016 at 2:01 pm #

    Hi,
    The source code from Github not working for me, I have white screen both on the device and in browser.
    Do you know what may be the issue? The hosted version looks really good.

  10. propchill May 16, 2016 at 8:04 am #

    Being the IT center point of the nation and accurately scratch named the Silicon Valley of India, Bengaluru is a city one feels pleased with. This quick paced city has encountered some forceful urbanization, particularly in the land division, and houses a supreme physical framework which has progressively developed throughout the years to make Bengaluru the most quickly developing city of this nation. This land mammoth is home to a multi-social populace inferable from its lucrative open doors because of which the interest for capable social, instructive and physical infrastructural offices is always on the ascent. This has brought about the city seeing its private and business base develop quickly consistently.

    Residential real estate in bengaluru

Trackbacks/Pingbacks

  1. 2 – IonicRealty: New Ionic 2 and Angular 2 Sample App - January 26, 2016

    […] From: http://coenraets.org/blog/2016/01/ionicrealty-new-ionic-2-sample-application/ […]

  2. Angular 2 and Ionic 2 Data ServicesPart 1: Promises and Observables | Christophe Coenraets - February 3, 2016

    […] this post I continue to improve the IonicRealty sample application I shared last week. In particular, I revisit the data access part of the […]

  3. Angular 2 and Ionic 2 Data ServicesPart 2: Using REST Services | Christophe Coenraets - February 4, 2016

    […] using a Promise-based or an Observable-based API. In this article, I’ll share a version of the IonicRealty sample application implemented using actual REST services, and I’ll revisit the Observable vs […]

  4. MOBILE WEB WEEKLY NO.94 – ENUE - February 15, 2016

    […] IonicRealty: New Ionic 2 Sample Application […]

  5. Ionic 2 with iOS and Material Design Experiences | Christophe Coenraets - March 3, 2016

    […] Ionic Realty: new sample app with Ionic 2 and Angular 2 […]

  6. Ionic 2 links – CGCSoftware - April 25, 2016

    […] New Ionic App from Christophe Coenrates – A good example of an app using the new Ionic 2 Beta […]

Leave a Reply

css.php