yichenlivened / dashboard

A real-time corporate dashboard application using Angular framework

Dashboard

A real-time corporate dashboard application using Angular MVC framework. 😎

• Responsiveness: App is equally functional on mobile and desktop.

• Framework Implementation: App makes use of a Front-End Framework (Angular) and properly separates data from the user interface.

• Data Formats: Each dashboard uses external data files (data not stored directly within the application, json and csv).

• Near Real Time Updates: dashboard components update their displays in “near” real-time without requiring a refresh of the application.

• App Delivery: App includes a build process (Grunt). Assets are minimized and concatenated as appropriate.

Build & development

Run grunt for building and grunt serve for preview. Running grunt serve:dist will test app in production mode. Change the .csv and .json files in app/data can see the Real-Time Updates features.

Library

leaflet-directive

Angular-nvD3

ng-table

Reference

10+ Solutions for Responsive Data Tables

Simple Long Polling Example with JavaScript and jQuery @Techoctave

JavaScript Polling @Davidwalsh

JavaScript Promises

Processing $http response in service

'this' vs $scope in AngularJS controllers

Further development

Plan to add HTML5 WebSockets to make truly responsive web dashboard.