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

93 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

  11. Anshita December 28, 2016 at 12:50 am #

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

  12. MG February 10, 2017 at 11:10 am #

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

  13. Ed Tee February 13, 2017 at 2:42 pm #

    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

  14. Lutero Skepta November 20, 2017 at 6:26 pm #

    get South Africa Music and also Yung6ix Album & Naija Mp3 Download et Naija news

  15. nuru deen December 6, 2017 at 11:51 pm #

    latest Naija Mp3
    Download and Naija news

  16. Entplanet_media January 3, 2018 at 3:25 pm #

    Fast Download Latest & Best Naija hippop musics & videos

  17. ayo adekola January 5, 2018 at 11:53 am #

    Download Naija. Music

    https://yagibaze.com/wizkid-arrives-at-ghana-ignoring-shatta-wales-threat/

  18. kenzykay January 8, 2018 at 11:18 am #

    Eminem Feat. 2 Chainz & Phresher – Chloraseptic Remix

  19. sremmurd January 11, 2018 at 6:40 pm #

    Thanks for this Post. Kindly check my link’s
    Jamb runs 2018

    2018 jamb Cbt Expo

  20. kenzykay January 13, 2018 at 10:50 am #

    Nice Music Thumbs Up

     

     
    Idol Lips Review:
     

     
    Amazon Echo

  21. Grawan piro January 14, 2018 at 8:55 pm #

    Jamb runs 2018

  22. gurusvevo January 22, 2018 at 7:11 pm #

    2018 jamb cbt expo

  23. Hiphopza January 31, 2018 at 11:04 pm #

    Love this forum. thanks admin for uodating it everytime

    Gqom Is The Future

  24. Ani Ifeanyi Christian April 5, 2018 at 12:00 pm #

    Nice app

    HipHopHits Entertainment

    Glaritech

  25. CIIT Noida April 19, 2018 at 3:45 am #

    Thanks for sharing this awesome post with us. I like it

    Hadoop Training Institute in Noida

    Best Hadoop Training in Noida

  26. CIIT Noida April 19, 2018 at 3:46 am #

    Thanks for posting.

    Hadoop Training Institute in Noida

    Best Hadoop Training in Noida

  27. Jamaica April 19, 2018 at 11:48 pm #

    Latest Naija download

    Nice post thanks for sharing

  28. Josep Vinaixa April 26, 2018 at 2:54 am #

    Talk about good projects, and great Hits. Is this an open source application?

    Download Mp3

    Free Downloads

  29. 370rock Download April 28, 2018 at 4:40 pm #

    Nice to be inhere for now, trust to learn more from you guys fakaza

  30. Raph May 2, 2018 at 4:31 pm #

    Wow i love this post….check out this two sites for more Mp3 Download and also for your South African Songs

  31. kenzy kay May 11, 2018 at 5:01 am #

    Rap Niggas suffer the most in this Music Piracy thing. Especially their albums and Mixtapes Also With Sa HipHop

  32. Ohwako Kennedy May 15, 2018 at 7:48 am #

    this website is very nice thanks for sharing this article download latest songs & download videos

  33. Josep Vinaixa May 20, 2018 at 7:25 pm #

    Get latest Jobs and Scholarship Updates at Scholarship Gist

  34. Sugar Mummy Point May 27, 2018 at 9:10 pm #

    This is indeed awesome.
    Get real rich sugar mama now.

    Also, there are sites for latest music downloads you can check out

  35. Sugar Mummy Point May 27, 2018 at 9:14 pm #

    Have you thought of getting real sugar mooma now. It’s easy.

    Also, there are sites for latest music downloads you can check out

    I know how difficult it is to find a sugar mummy but I am here to help you out because I just found this sugar mummy dating site.

    While you wait, pass some time getting jamz on this mp3 music download site

  36. Techrable May 29, 2018 at 9:52 am #

    Love this post

    DJ Sliqe Always Space Mp3

    DOWNLOAD Paxton Angifuni

  37. tiara tech June 11, 2018 at 7:03 am #

    This article has covered so many topics that are helpful for mobile app development,
    visitEnterprise-Software-Solutions for more new ideas, we are thankful for this article.

  38. Hiphopzulu Entertainments June 21, 2018 at 5:06 pm #

    Check out HipHopZulu for the latest in South African Hip Hop Music Download, South African Music Download, South African Music Video Download, and South African Entertainment Gist.
    Damn right

  39. hypehopza October 12, 2018 at 7:10 pm #

    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.

  40. Afro Houseza November 19, 2018 at 7:31 am #

    Love the application

    Wil have to view the sample

    DJ Steve Ubaba Download

    corehiphop

    • Lindagist December 7, 2018 at 4:46 pm #

      I too love his application, it is very useful for my work

  41. Chris Nwosu November 26, 2018 at 11:49 am #

    I love the application but the programming is hard

  42. Jamaica November 26, 2018 at 3:51 pm #

    God bless you

    https://fakazulu.com

  43. Jamaica November 26, 2018 at 3:53 pm #

    Jah bless you admin for your good work

    https://www.fakazulu.com

  44. Chris Nwosu November 30, 2018 at 9:45 pm #

    I love this application, thanks for sharing.

  45. Oladejo Joshua Jay December 3, 2018 at 12:00 pm #

    You got cool app

    Hot Entertainment and News Here

    Latest Music Download Here

    Latest Video Download Here

  46. Oladejo Joshua Jay December 3, 2018 at 12:00 pm #

    Keep it up.. Informative

    Download Latest Video Here

    Download Latest Music Video Here

    Get Latest Gist an News Here

    Download Latest Album Here

  47. Stephen Mgbemena December 16, 2018 at 6:00 pm #

    nice one
    iminathi

  48. beulahland4life February 21, 2019 at 5:08 pm #

    Ionic apps are made of high-level building blocks called components, which allow you to quickly construct an interface for your app. These include modals, popups and cards. They are reusable UI elements that serve as the building blocks for your mobile app, made up of HTML, CSS, and sometimes JavaScript.

  49. beulahland4life February 21, 2019 at 5:16 pm #

    Ionic is a complete open-source SDK for hybrid mobile app development created by Max Lynch, Ben Sperry and Adam Bradley of Drifty Co. in 2013. … Ionic provides tools and services for developing hybrid mobile apps using Web technologies like CSS, HTML5, and Sass.

  50. beulahland4life February 21, 2019 at 5:19 pm #

    The Ionic Framework enables the creation of cross platform mobile applications with HTML, CSS and JavaScript(Angular). Ionic 1 was built with Angular 1.*, and with Angular 2 recently released, the second major version of Ionic is also imminent.

  51. hassan taoheed olamilekan May 10, 2019 at 8:04 pm #

    more news update updates at http://gistok.ng

  52. shyboss August 5, 2019 at 9:19 pm #

    Good work admin
    south africa music

  53. uromi4u September 30, 2019 at 6:08 am #

    Thanks for this admindownload South African music

  54. Nnenna November 19, 2019 at 6:23 am #

    Nice and very cool uodate. Mtvnaija Davido Good Time Album

  55. Yemi December 1, 2019 at 9:32 pm #

    DOWNLOAD LATEST SOUTH AFRICAN SONGS

  56. Yemi December 1, 2019 at 9:33 pm #

    WOW LOVELY BLOG DOWNLOAD LATEST NAIJA SONGS

  57. NepsterBlog January 25, 2020 at 2:48 pm #

    And 2020 Waec expo runs

  58. NepsterBlog January 28, 2020 at 12:09 pm #

    Mp3 Download

  59. Snyd Vanc April 13, 2020 at 11:01 am #

    That is very helping! there are other applications to use and get the job done :)
    Online Secuirty Tool

  60. Olasiyan Oluwaseun April 30, 2020 at 7:15 am #

    Nice!!
    latest African songs download

  61. Olasiyan Oluwaseun May 3, 2020 at 5:01 am #

    Great!!!
    latest African songs download

  62. Adeoti Don Emmex June 7, 2020 at 4:31 pm #

    Zaloaded Music nice

  63. Mihai Chiorean July 3, 2020 at 12:46 pm #

    I have read the post about the Ionic Realty sample application … I have seen you have updated it and seems to be working even faster and maybe it’s more stable. Thank you for the info it’s a very useful learning experience. Cheers!

  64. miraclecrack.com October 26, 2020 at 7:12 am #

    Hi, I like reading through your posts every time I take a look at your blog. I simply wanted to take this opportunity to tell you “thanks” for the fantastic work you’re doing. Thank You Very Much.
    Pandora Recovery 2.4 Crack
    LUMION PRO CRACK
    VMix Pro Crack 2021
    CHEAT ENGINE PRO CRACK 2021

  65. Aleem Bashir November 19, 2020 at 10:36 am #

    you can download free software full version from https://piratesfile.com

  66. yuvaraj singh December 22, 2020 at 3:22 am #

    Thanks for sharing this informative content , Great work
    Leanpitch provides online training in Enterprise agile coaching during this lockdown period everyone can use it wisely.
    Enterprise Agile Coaching

  67. yuvaraj singh December 22, 2020 at 6:10 am #

    Thanks for sharing this informative content , Great work
    Leanpitch provides online training in Enterprise agile coaching during this lockdown period everyone can use it wisely.
    Enterprise Agile Coaching

  68. yuvaraj singh January 8, 2021 at 4:15 am #

    Thanks for sharing this
    Leanpitch provides online training in Scrum Master during this lockdown period everyone can use it wisely.
    Join Leanpitch 2 Days CSM Certification Workshop in different cities.

    CSM certification online

    CSM online

    CSM online certification

    Scrum master certification online

    CSM online training

  69. Soft Here January 11, 2021 at 4:28 am #

    good work is done here. thanks
    link1
    link2

  70. Aarush January 30, 2021 at 1:20 am #

    Thanks For Sharing the content in the form of video with including all needed information
    Visit : https://www.buildmyrebusiness.com/

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 […]

  7. New and Improved Ionic 2 Sample Application | Christophe Coenraets - November 3, 2016

    […] this year, I shared a real estate sample application built with the first beta of Ionic 2. Many things have changed in […]

css.php