admin dashboard implemented in angular2 with material design
Admin Dashboard comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.
Quick start options:
- Clone the repo:
git clone https://github.com/udaysinghkushwah/admin-dashboard-material-angular2.git.
- Install NodeJs from NodeJs Official Page.
- Open Terminal
- Go to your file project
- Run in terminal:
npm install - And:
npm start
Within the download you'll find the following directories and files:
admin-dashboard-material-angular2
├── README.md
├── LICENSE.md
├── app
│ ├── app.component.html
│ ├── app.component.js
│ ├── app.component.ts
│ ├── app.module.js
│ ├── app.module.ts
│ ├── dashboard
│ │ ├── dashboard.component.html
│ │ ├── dashboard.component.js
│ │ ├── dashboard.component.ts
│ │ ├── dashboard.module.js
│ │ ├── dashboard.module.ts
│ │ ├── dashboard.routes.js
│ │ ├── dashboard.routes.ts
│ │ ├── home
│ │ │ ├── home.component.html
│ │ │ ├── home.component.js
│ │ │ └── home.component.ts
│ │ ├── icons
│ │ │ ├── icons.component.html
│ │ │ ├── icons.component.js
│ │ │ └── icons.component.ts
│ │ ├── maps
│ │ │ ├── maps.component.html
│ │ │ ├── maps.component.js
│ │ │ └── maps.component.ts
│ │ ├── notifications
│ │ │ ├── notifications.component.html
│ │ │ ├── notifications.component.js
│ │ │ └── notifications.component.ts
│ │ ├── table
│ │ │ ├── table.component.html
│ │ │ ├── table.component.js
│ │ │ └── table.component.ts
│ │ ├── typography
│ │ │ ├── typography.component.html
│ │ │ ├── typography.component.js
│ │ │ └── typography.component.ts
│ │ └── user
│ │ ├── user.component.html
│ │ ├── user.component.js
│ │ └── user.component.ts
│ ├── main.js
│ ├── main.ts
│ ├── shared
│ │ ├── footer
│ │ │ ├── footer.component.html
│ │ │ ├── footer.component.js
│ │ │ ├── footer.component.ts
│ │ │ ├── footer.module.js
│ │ │ └── footer.module.ts
│ │ └── navbar
│ │ ├── navbar.component.html
│ │ ├── navbar.component.js
│ │ ├── navbar.component.ts
│ │ ├── navbar.module.js
│ │ └── navbar.module.ts
│ └── sidebar
│ ├── sidebar-routes.config.js
│ ├── sidebar-routes.config.ts
│ ├── sidebar.component.html
│ ├── sidebar.component.js
│ ├── sidebar.component.ts
│ ├── sidebar.metadata.js
│ ├── sidebar.metadata.ts
│ ├── sidebar.module.js
│ └── sidebar.module.ts
├── assets
│ ├── css
│ ├── img
│ │ └── faces
│ ├── js
│ │ ├── bootstrap-notify.js
│ │ ├── bootstrap.min.js
│ │ ├── chartist.min.js
│ │ ├── charts.d.ts
│ │ ├── charts.js
│ │ ├── demo.js
│ │ ├── initMenu.js
│ │ ├── jquery-3.1.0.min.js
│ │ ├── sidebar-moving-tab.js
│ │ ├── material-dashboard.js
│ │ └── material.min.js
│ └── sass
│ └── material-dashboard.scss
├── documentation
│ ├── css
│ └── tutorial-components.html
├── changelog.txt
├── index.html
├── package.json
├── systemjs.config.js
└── tsconfig.json