/Angular-4-Material-2-NGRx

Tour-of-Heroes in Angular 4 Material 2 NGRx

Primary LanguageTypeScriptApache License 2.0Apache-2.0

TOUR-OF-HEROES

Tour Of Heros generated using Angular Cli in Angular 4 + Material 2.0 + ngrx + webpack 2.0.

Used Material 2.0 and Angular Flex Layout.

Used ngrx concepts like

  1. ngrx/store - RxJS powered state management for Angular apps, inspired by Redux

  2. ngrx/effects - Side effect model for @ngrx/store

  3. angular/router - Angular Router

  4. ngrx/store-devtools - Instrumentation for @ngrx/store enabling time-travel debugging

Running the Application

  1. Install Node.js 6.10 or higher

  2. Install Angular Cli

  3. Run npm install to install app dependencies

  4. Run ng serve in a separate terminal window to build the TypeScript, watch for changes and launch the web server http://localhost:4200/.

  5. if your already using port 4200 you can run ng serve --port xxxx command to specify your own port

This project was generated with Angular CLI version 1.0.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

NgRx

  1. Cofngiured Redux DevTools in this APP. Install Chrome Extenstion https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd