DreamHouse: Sample Application with Ionic 3 and Angular 4

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.