7Silvan / angular-applied-dashing

Reactive Angular stock tracker

Angular Dashing

A reactive stock manager app built with Angular and @ngrx, and styled with Angular Material. It showcases the following concepts:

• Component-driven architecture
• Routing
• Elegant state management with @ngrx/store
• Effective handling of side effects via @ngrx/effects
• In-depth state inspection with @ngrx/store-devtools
• State selection with reselect
• Strategies for unit testing Angular components and services, as well as @ngrx reducers and effects

Prerequisites

• Git
• Node.js v6.9+ and NPM v3.x – we recommend using NVM (Linux/Mac) or NVM-Windows (Windows)

Getting started

Run the following:

git clone https://github.com/onehungrymind/dashing-angular.git
cd dashing-angular
npm i
npm start

Navigate to localhost:4200 in your favorite browser.

Note: the above terminal commands are for Mac. Remember to substitute the appropriate commands for your OS.

Using devtools

The app is already wired to work with the Redux Devtools browser extension (available for Chrome and Firefox). Go here to get the browser extension installed. Once it is installed, navigate to the app in your browser, open up the browser devtools, and there will be a new tab for the Redux Devtools. Click that and you are squared away!

Running unit tests

Run npm test or ng test to execute the unit tests via Karma.