svpuli/instabug-angular2

A Fully Functional Angular 2 Demo Application

Slides: https://luixaviles.github.io/angular2-demo/

Description

This demo is based on puppy-love project. The features of this project includes:

• A Service definition, so that HTTP calls can be performed to display initial data.
• A custom model definition, to allow map used data.
• Dependency Injection.
• Two way data binding(Using [(ngModel)]).
• Use of *ngIf and *ngFor into provided form.
• Events triggering after click on a button. (click)
• Use of Material Design components for Angular 2

The app uses Random user Generator to show initial data. This demo was presented in Google I/O Extended event in Cochabamba, Bolivia.

Screenshots

Prerequisites

First, ensure you have the following installed:

1. NodeJS - Download and Install NodeJS
2. Git - Download and Install Git

After that, use Git bash to run all commands if you are on Windows platform.

Install dependencies

Install angular-cli:

npm install -g angular-cli

For more details about angualr-cli, please refer to: https://github.com/angular/angular-cli

Run the project

To run the demo project locally, just install dependencies and run the application in development mode:

$ npm install
$ ng serve

Now you can open your browser and load http://localhost:4200

Try the code, verify the current behavior. Update the code and configurations and test again!

Please feel free to contact me if you have any question.

License

MIT