DreamHouse: Sample Application with Ionic 3 and Angular 4

April 24, 2017 in Angular, Ionic

Ionic 3.0 has arrived! It was time to update the DreamHouse sample application. In this post, I share a new version of DreamHouse built with Ionic 3 and Angular 4.

Watch the video:

Source Code

The source code and installation instructions are available in this repository.

3-Minute Installation

  1. Make sure you have the latest version of Cordova and Ionic: 
    npm install -g cordova
npm install -g ionic
  2. Clone the repository:

    git clone https://github.com/dreamhouseapp/dreamhouse-mobile-ionic
  3. Navigate to the dreamhouse-mobile-ionic directory :

    cd dreamhouse-mobile-ionic
  4. Install the dependencies

    npm install
  5. Run the app

    ionic serve

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.

The mock services implementation is used by default. Follow the instructions in the repository readme file to switch to the REST services implementation.

  • Anuranjan Srivastav

    Great App..

  • Danura Aditya

    thanks sir, but maybe you can write tutorial step by step to build app using ionic 3 and angular 4 ,, many thanks

  • John Alcorn

    What did you use to create the video?

  • Nice article sir , thanks for the installation code .keep posting more.

  • Thanks for sharing!

  • Kanav

    Hey Christophe,

    Great work! How can we connect this to a Salesforce backend?

  • Aariv Aariv

    Is it really Ionic3 and Angular 4? I do not see page.module.ts in this project?

  • Julia Butarbutar

    Hello, I have read about Ionic3- Angular4. It’s said Ionic 3 not yet save for production. It’s still beta version. What do you think about that?

  • Husain

    Nice article can u share some blog with observable class explaining in detail Husain

  • scriptcidayi

  • Your latest DreamHouse sample application is really good & Most advanced. Thanks for sharing important update on Ionic 3.0.

  • Panel çit uygulama ve ekipmanları konusunda profesyonel çözümler.

    http://www.demirhan.com.tr/urunler/panel-cit-sistemleri

  • Oktay Seo

    Türkiyenin 1 numaralı kaftan kiralama mağazası olan bağdat kaftan ile hayallerinizdeki kına , nişan törenine dilediğiniz hayal ettiğiniz kıyafetler ile ulaşabilirsiniz.
    Bizler hayallerinizi somutlaştırarak sizlere destek olmaya çalışmaktayız. Güzelliğiniz için en iyi mağaza bizlerle.
    Alışverişi zevkli hale getirmek sizlerin elinde.

    http://bagdatkaftan.com/

  • Oktay Seo

    Kişisel gelişimin yanında geleceğinize yön verme adına önemli adımları atacağınız gençlik dönemlerinizde en sağlıklı eğitimi almak için güzel sanatlara hazırlık alanında bir numaralı adresiniz olan rüya avcısı sizleri gelecek adına hayata hazırlıyoruz.

    Avcılar merkez ve Esenyurt Merkez Şubelerimiz ile sizlere destek olmaktayız . Ubeyt Çağatay eşliğindeki kurumumuz sizlere hizmet vermekten mutluluk duymaktadır.

    http://ruyaavcisi.com/guzel-sanatlara-hazirlik

  • Nice post! keep up the great work…

  • Oktay Seo

    Türkiyenin en ideal ve eşsiz Milli Eğitim Bakanlğına Bağlı Kurumu olan ruyaavcısı ile güzel sanatlara hazırlık alanında bir numaralı adres olmaktayız.
    İstanbul avcılar ve esenyurt şubesi olmak üzere iki şubemiz ile sizlere hizmet vermekten onur ve gurur durmaktayız. Ubeyt Çağatay eşliğindeki kurumumuz sizlere hizmet vermekten onur duymaktadır.
    Amacımız sizleri geleceğe yönlendirmek olup eğitim aşağı genç kuşak yaratmaktır. Bakırköy resim kursu ile gelecek sizlerin elinde.

    http://ruyaavcisi.com/guzel-sanatlara-hazirlik/

  • Oktay Seo

    Bölümünüze sım sıkı sarılıp sevdiğiniz mesleği yapmak sizlerin elinde. Güzel Sanatlara hazırlık alanında bir numaralı adresiniz olan ruyaavcısı sanat merkezi ile Ubeyt Çağatay eşliğinde Mimar sinan fakültesine yerleşmeniz imkansız değil. Bizler ile iletişime geçip geleceğinize yön verebilirsiniiz. Eşsiz sanat eserlerine basamakları kazıyarak adım adım ulaşabileceksiniz.
    El beceriniz görselliği ile paha biçilemez duyguları ifade edeceğine eminiz.

    http://ruyaavcisi.com/guzel-sanatlara-hazirlik/

  • Muhammd Adnan

    Scouting around for a site to buy twitter followers from? Now we serve twitter followers UK in low prices, instant delivery and best customer support.
    buy twitter followers

  • Cant you share backend for update infomation??. Tks

  • Muhammd Adnan

    hi this is nice site and i have a site link is here
    https://www.youtube.com/watch?v=ScAyOsT-Dok&feature=youtu.be

  • Deniz Albayrak

    Decoragrass application, çim çit, dekoraçim, dekoratif çit sistemleri. Decorative grass fence systems.

    http://www.demirhan.com.tr/en/urunler/dekoracim-dekora-cim-cit

  • fence panel systems and grass fence ( çim çit, panel çit) from TUKEY
    http://www.kanek.com.tr

  • Muhammd Adnan

    Hi this is nice site and i have a video from where you can get Sketchup Crack pro link is here “https://www.youtube.com/watch?v=M0g4QM0gH70”

  • Muhammd Adnan

    hi this is nice site and i have a site from you can get Anytrans Crack 6.3 software link is here “https://www.youtube.com/watch?v=_OpS2k7VlG8&feature=youtu.be”

  • Muhammd Adnan

    hi this is nice site and i have video from you can get sylenth1 Crack – Sylenth1 3.032 Crack link is here
    https://www.youtube.com/watch?v=IAlp88ktzqY

  • Abcya

    Yes, the article I was looking for. Your article gives me another approach on the subject. I hope to read more articles from you.
    abcya

  • Damny

    Nice and best Nice post Latest Music Around Nigeria

  • really nice website. thanks for sharing Cleanmymac 3 Activation Number

  • Shaun Brassell

    Your programming over the last few years is by far the cleanest I have seen, high 5 from a fellow South African engineer!

  • Nice your programming last last few month………………

    more info about Custom PhoneGap App Development Company click here :
    https://www.fluper.com/phonegap-application-development

  • Muhammd Adnan

    this is nice site thanks for sharing
    used cars for sale in uae

  • ABDQUDUS DAMILARE
  • Ayo Adekola

    nice 1 .

  • MJ
  • ullas77

    Amazing,, works like champ .. thanks for sharing

  • I am really grateful to the owner of this site who has shared this
    fantastic paragraph at at this place.
    EH

  • UMESH SHELKE

    hey , if i want to change the names of brokers and every name of places ..how can i change in that code ?

  • Such a great post to know different useful information.

  • Etz Jayprinz Ajiboye Jpdesign
  • Isum Kinjal

    Medypharma is very Trusted online Pharmacy.We offer wide range of Generic Product with quality.Save more money on prescription drugs and get them delivered direct to your home. https://www.medypharma.com/

css.php