CRUD address book that use browsers localStorage for persistent storage.

• In "Add/Edit"-view the user can add new or edit old entries
• Submit button is disabled for invalid entry (rules: all fields are required, email must be valid)
• In "Address List"-view, the user can filter (global search in last and first name), delete, and trigger edit of entry

• Main framework Angular2
• UI-components Angular2 Material
• State management ngrx-store
• Starter Angular2-webpack-starter

Affects IE11

Inputs does not work in IE11, ng2-material bug, fixed in next release

Bug fixed 2016-05-31, inputs now works correct also in IE11

test coverage

documentation

clean up misc starter left overs

• node and npm (brew install node)
• Ensure you're running the latest versions Node v4.x.x (or v5.x.x) and NPM 3.x.x

Once you have those, you should install these globals with npm install --global:

• webpack (npm install --global webpack)
• webpack-dev-server (npm install --global webpack-dev-server)
• karma (npm install --global karma-cli)
• protractor (npm install --global protractor)
• typings (npm install --global typings)
• typescript (npm install --global typescript)

• Download and unzip, cd addressbook
• npm install typings webpack-dev-server rimraf webpack -g to install required global dependencies
• npm install to install all dependencies
• typings install to install necessary typings
• HEADS UP! If you are behind a proxy, be sure to do typings install --proxy http://<your-proxyurl>...
• npm start to start the dev server in another tab and open up http://localhost:3000/ in a browser
• HEADS UP! tested in Chrome only; inputs does not work in IE11 for now, bug is fixed in angular2 material and will be updated in next release, see: angular/components#469

After you have installed all dependencies you can now run the app. Run npm run server to start a local server using webpack-dev-server which will watch, build (in-memory), and reload for you. The port will be displayed to you as http://0.0.0.0:3000 (or if you prefer IPv6, if you're using express server, then it's http://[::1]:3000/).

# development
npm run server
# production
npm run build:prod
npm run server:prod

# development
npm run build:dev
# production
npm run build:prod

npm run server:dev:hmr

npm run watch

npm run test

npm run watch:test

# make sure you have your server running in another terminal
npm run e2e

npm run webdriver:update
npm run webdriver:start

npm run webdriver:start
# in another terminal
npm run e2e:live

TypeScript 1.7.x includes everything you need. Make sure to upgrade, even if you installed TypeScript previously.

npm install --global typescript