dolthead / ng-seed

Simple Angular 2 seed project with commonly used features.

ng-seed

This is a basic application that you can use to bootstrap your new Angular 2 project.

To get started, change all occurrences of "app" in this project to your app name.

Features

1. Latest version of Angular: 4.1.2 (2017-05-10)
2. Webpack 2
3. Linting (TSLint & Codelyzer)
4. Unit Testing (Karma & Jasmine)
5. E2E Testing (Protractor)
6. Docker
7. Routing
   • /home: Not lazy-loaded
   • /about: Lazy-loaded
8. HTTP Request via Service (GET public IP address)
9. Dev build (via Webpack Dev Server), and Prod build (via AOT)
10. Angular Material 2

Download Project & Install Dependencies

git clone https://github.com/camargo/ng-seed.git
cd ng-seed
npm cache clean
npm install

Remove Dependencies & Built Folders

rm -rf node_modules
rm -rf dist

Run via Webpack (Dev Mode)

npm run build:dev

Visit http://localhost:8080/ to view the running application.

Run via Docker (Prod Mode)

Build image and run container from that image:

npm run build:prod
docker build -t app-image $(pwd)/dist
docker run --name app -d -p 8081:80 app-image

Or just run container:

npm run build:prod
docker run --name app -v $(pwd)/dist:/usr/share/nginx/html:ro -d -p 8081:80 nginx

Visit http://localhost:8081/ to view the running application.

Run Linting

npm run lint

Run Unit Tests

npm run unit

Run E2E Tests

npm run e2e