IonicRealty: New Ionic 2 Sample Application

January 26, 2016 in AngularJS, Ionic

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

  • Pingback: 2 – IonicRealty: New Ionic 2 and Angular 2 Sample App()

  • Sam

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

  • Pingback: Angular 2 and Ionic 2 Data ServicesPart 1: Promises and Observables | Christophe Coenraets()

  • Pingback: Angular 2 and Ionic 2 Data ServicesPart 2: Using REST Services | Christophe Coenraets()

  • Conny

    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.

  • Pingback: MOBILE WEB WEEKLY NO.94 – ENUE()

  • Dezudas

    Can we add search filter to the list

  • 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/

  • Pingback: Ionic 2 with iOS and Material Design Experiences | Christophe Coenraets()

  • i ever find but nice blog

  • Vidhyadharan Deivamani

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

    • rtpHarry

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

    • Brian

      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

  • Adarsh

    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?

  • Code1942

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

    • Code1942

      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

  • Pingback: Ionic 2 links – CGCSoftware()

  • CodeJB

    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.

  • 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

  • Pingback: New and Improved Ionic 2 Sample Application | Christophe Coenraets()

  • Can you suggest any popular apps that has been built using Ionic 2?

  • MG

    In my app entire view slide up or down when scroll. How is possible block this effect?

  • Please note that this project has been updated. View the current project here:

    http://coenraets.org/blog/2016/11/new-and-improved-ionic-2-sample-application/

    Also, I am working on adapting this project to work with the PropertyWebBuilder project as a backend. If anyone is interested in this please have a look at:

    https://github.com/etewiah/dreamhouse-mobile-ionic

css.php