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

Follow ccoenraets

Slack and Salesforce Integration – Part 2

Angular 2 and Ionic 2 Data Services
Part 1: Promises and Observables

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
Güzel Sanatlara Hazırlık

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()
agario

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.
propchill

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()
Anshita

Can you suggest any popular apps that has been built using Ionic 2?
- Renitto Jose
  
  https://market.ionic.io/
  these all are made with ionic
MG

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

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
- DC Oluwatosin
  
  Programming too hard
  DOWNLOAD DJ Sandiso – My GF ft. DJ Tira, Prince Bulo & Madanon Mp3
Lutero Skepta

get South Africa Music and also Yung6ix Album & Naija Mp3 Download et Naija news
- sremmurd
  
  Really nice one.
  
  Jamb runs 2018
Kingsley Slim

jump in http://sweetnaijamusics.com/2017/11/free-beat-murder-my-beat-102-beat-by-enzyprocompetition.html Nigerian freebeat
nuru deen

latest Naija Mp3
Download and Naija news
Entplanet_media

Fast Download Latest & Best Naija hippop musics & videos
kenzykay

Mp3 Download

Download Mp3

lilwayne

Drake
LIL WAYNE FT. DRAKE – FAMILY FEUD (CDQ)
- Sremmurdlife
  
  2018 jamb Cbt Expo
- Sremmurdlife
  
  Jamb runs 2018
- sremmurd
  
  Thanks for this Post. Kindly check my link’s
  Jamb runs 2018
  
  2018 jamb Cbt Expo
  042tvseries jamb
ayo adekola

Download Naija. Music

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

Eminem Feat. 2 Chainz & Phresher – Chloraseptic Remix
sremmurd

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

2018 jamb Cbt Expo
kenzykay

Nice Music Thumbs Up

Idol Lips Review:

Amazon Echo
Grawan piro

Jamb runs 2018
gurusvevo

2018 jamb cbt expo
Hiphopza

Love this forum. thanks admin for uodating it everytime

Gqom Is The Future
Ani Ifeanyi Christian

Nice app

HipHopHits Entertainment

Glaritech
CIIT Noida

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

Hadoop Training Institute in Noida

Best Hadoop Training in Noida
CIIT Noida

Thanks for posting.

Hadoop Training Institute in Noida

Best Hadoop Training in Noida
Jamaica

Latest Naija download

Nice post thanks for sharing
Josep Vinaixa

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

Download Mp3

Free Downloads
370rock Download

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

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

ALBUMS/MIXTAPES

HipHop

SA HipHop

Videos

Entertainment News

South Africa HipHop

Global HipHop

ALBUMS MIXTAPES

VIDEOS

NEWS

Album: Nasty C – Strings And Bling (Zip File)

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

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

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

Get latest Jobs and Scholarship Updates at Scholarship Gist
Sugar Mummy Point

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

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

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
Techrable

Love this post

DJ Sliqe Always Space Mp3

DOWNLOAD Paxton Angifuni
tiara tech

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.
Hiphopzulu Entertainments

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
hypehopza

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.

Navigation

Hosted Version

Source Code and Installation Instructions

Resources