https://github.com/wangdicoder/angular-material-dashboard

A material-design dashboard by using angular
https://github.com/wangdicoder/angular-material-dashboard

angular2 angular4 dashboard material-ui

Last synced: 8 days ago
JSON representation

A material-design dashboard by using angular

• Host: GitHub
• URL: https://github.com/wangdicoder/angular-material-dashboard
• Owner: wangdicoder
• License: mit
• Created: 2017-05-25T07:52:01.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T23:30:11.000Z (almost 2 years ago)
• Last Synced: 2024-04-13T23:54:53.212Z (6 months ago)
• Topics: angular2, angular4, dashboard, material-ui
• Language: HTML
• Homepage:
• Size: 51.3 MB
• Stars: 355
• Watchers: 27
• Forks: 99
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Angular2 Material Dashboard Pro

Material-design Dashboard

## How to run it

**- please ensure you have installed angular cli, otherwise `npm install -g @angular/cli`**

1. git clone https://github.com/wangdicoder/angular-material-dashboard

2. cd angular-material-dashboard

3. npm install

4. ng serve -o (it will automatically open localhost:4200)

## Further Plan

- [x] Add Wizard Component

- [ ] Responsive Sidebar

- [ ] Consolidate form elements, like switch

## Screenshot

### Dashboard

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/dashboard.png)

### Login

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/login.png)

### Register

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/register.png)

### Lock

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/lock.png)

### User Profile

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/profile.png)

### Sweet Alert

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/sweetalert.gif)

### Notification

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/notification.gif)

### Settings

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/settings.gif)

### Table

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/table.png)

### Price

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/price.png)

### Panels

![](https://github.com/wangdicoder/angular2-material-dashboard-pro/raw/master/screenshot/panel.png)

## Acknowledge 

- [Creative Tim](https://github.com/creativetimofficial)

- [Sweet Alert 2](https://github.com/limonte/sweetalert2)

- [Bootstrap Notify](http://bootstrap-notify.remabledesigns.com)

## License

MIT