Agency Dashboard
In late 2012, I was chosen to develop an internal dashboard application for the award-winning digital agency 360i.
Role
I lead a team of five over a period of three months. I assisted in the UI/UX design process, as well as built the client-side application using a toolset of industry-standard Javascript libraries and design patterns.
Approach
Single-page web application built upon a custom MVC framework.
Used
Require, jQuery, Handlebars, Crossroads, Hasher, Highcharts, JS Signals
Supported
Modern Desktop Browsers, iPad Tablets
Development Specifics
Loosely coupled page components trigger events with pub/sub pattern. Reusable modules wrap vendor libraries for generic implementation. Frontend hash routing allows for deep linking, bookmarking, and native browser history navigation with forward and back buttons.
jQuery modules extended with deferred promises so that asynchronous events can be triggered when the module is fully rendered on screen, instead of guessing or delaying execution with timers.
Outcome
A visually and functionally impressive dashboard application that works on both desktop and iPad.
See it in action below.