I created this repo to do working project with Angular 2. I had issues getting Webpack to work with Angular 2 and hot reload so I cloned the Angular2 Webpack Starter repo for this project. –

Make sure you have Node version >= 4.0 and NPM >= 3

Clone/Download the repo then edit app.ts inside /src/app/app.ts

# clone repo
# --depth 1 removes all but one .git commit history
git clone --depth 1 https://github.com/russellf9/ng-2-webpack-playground

# change directory to our repo
cd ng-2-webpack-playground

# add required global libraries
npm install typings webpack-dev-server rimraf webpack -g

# install the repo with npm
npm install

# start the server
npm start

# use Hot Module Replacement
npm run server:dev:hmr

go to http://0.0.0.0:3000 or http://localhost:3000 in your browser

As usual I've started a project without a clear goal, now I've got a very basic project working it would be beneficial to define the projects goals.

• Use SASS ( Would need to add to the loaders in .../config/webpack.common.js - [ ]
• As above using the material design - [ ]
• Design project - [ ]
• Create mobile version - [ ]

Create an App that implements the Rijksmuseum API.

Add very basic search which displays thumbnails which can be selected to view the image in fullscreen.

angular-2-passing-data-to-components-with-input

SASS

How to include SCSS in components