# angular2-dashboard-starter

> Ready to use dashboard starter/seed project based on Angular 2

Latest version **0.1.0** (published 2016-03-01) · ISC license · 0 weekly downloads

## Install

```sh
npm install angular2-dashboard-starter
pnpm add angular2-dashboard-starter
yarn add angular2-dashboard-starter
bun add angular2-dashboard-starter
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2016-03-01 |
| First published | 2016-03-01 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| GitHub stars | 95 |
| Author | Hasan Hameed |
| Maintainers | hasanhameed07 |

## Links

- npm: https://www.npmjs.com/package/angular2-dashboard-starter
- Repository: https://github.com/hasanhameed07/angular2-dashboard-starter
- Homepage: https://github.com/hasanhameed07/angular2-dashboard-starter#readme
- Issues: https://github.com/hasanhameed07/angular2-dashboard-starter/issues
- npm.io page: https://npm.io/package/angular2-dashboard-starter

## Dependencies (7)

- [rxjs](https://npm.io/package/rxjs.md) 5.0.0-beta.0
- [zone.js](https://npm.io/package/zone.js.md) 0.5.14
- [angular2](https://npm.io/package/angular2.md) 2.0.0-beta.6
- [es6-shim](https://npm.io/package/es6-shim.md) ^0.33.3
- [systemjs](https://npm.io/package/systemjs.md) 0.19.20
- [es6-promise](https://npm.io/package/es6-promise.md) ^3.0.2
- [reflect-metadata](https://npm.io/package/reflect-metadata.md) 0.1.2

## Recent versions

- 0.1.0 (latest) — 2016-03-01

## README

# angular2-dashboard-starter
Ready to use dashboard starter/seed project based on Angular 2

##Features

- Angular version 2.0.0-beta.6 using Typescript
- Live reload & compile
- Login module with input validations
- Signup module with input validations
- Auth module to protect dashboard pages
- Dashboard Layout as a separate directive
- Best open source admin dashboard & control panel theme ['AdminLTE 2'](https://almsaeedstudio.com/) by Abdullah Almsaeed.

## Installation

1. Checkout this repo in a folder make sure to give root permissions.
2. Run `npm install` once to install app dependencies.
3. Run `npm start` in a separate terminal window to start the server and launch the app.

## Protect Routes

```TypeScript
import { ComponentInstruction, CanActivate } from 'angular2/router';
import { checkAuth } from '../auth/check_auth';

// just include this code above your component class
@CanActivate((next: ComponentInstruction, previous: ComponentInstruction) => {
  return checkAuth(next, previous);
})
```

## Easy to use Dashboard Layout in your templates

Use DashboardLayout directive in your component's template to use dashboard layout. This makes easy for views in our app which do not utilize dashboard layout.

```HTML
<dashboard-layout pageTitle="Home" pageSubtitle="Your personalized dashboard and control panel">
    <div class="home">
      <!--- Your template code -->
    </div>
</dashboard-layout>
```

---
_Source: https://npm.io/package/angular2-dashboard-starter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._