/angular2bootstraptheme

Using existing bootstrap theme to plug into angular 2 quick start dashboard app

Primary LanguageCSS

SimpleTemplate

If you're like me and not happy with current ang2 templates, you're in luck because there is an abundance of sexy looking templates. I've used a free sexy bootstrap template from Creative Tim http://www.creative-tim.com please do check them out.

About the dashboard

Thought it would be a good exercise to utilise an existing template and plug it onto an angular 2 app. This example makes usage of angular 2 quick start examples and retro fitted to work within the template. You'll notice some basic animation and the usage of observables between the side bar and the top nav bar.

Reference

http://akveo.com/ng2-admin/ this guys have created a fancy dashboard theme showing some great ng2 capabilities (thank you). I've used some of their approaches as guidance to creating my simple dashboard example.

The project

This project was generated with angular-cli version 1.0.0-beta.20-4.

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Deploying to Github Pages

Run ng github-pages:deploy to deploy to Github Pages.

Further help

To get more help on the angular-cli use ng --help or go check out the Angular-CLI README.