Traffic Portal


Traffic Portal is an AngularJS 1.x client served from a Node.js web server designed to consume the Traffic Ops 1.x API. Traffic Portal provides a set of functionality restricted to the delivery service(s) of the authenticated user. Functionality primarily includes a set of charts / graphs designed to provide insight into the performance of a user’s delivery service(s).

Software Requirements

To work on Traffic Portal you need a *nix (MacOS and Linux are most commonly used) environment that has the following installed:

Traffic Portal Project Tree Overview

  • traffic_control/traffic_portal/app/src - contains HTML, JavaScript and Sass source files.

Installing The Traffic Portal Developer Environment

  • Clone the traffic_control repository
  • Navigate to the traffic_control/traffic_portal of your cloned repository.
  • Run npm install to install application dependencies. Only needs to be done the first time unless traffic_portal/package.json changes.
  • Run bower install to install client-side dependencies. Only needs to be done the first time unless traffic_portal/bower.json changes.
  • Run grunt to package the application into traffic_portal/app/dist, start a local http server (Express), and start a file watcher.
  • Navigate to http://localhost:8080


  • The Traffic Portal consumes the Traffic Ops API. By default, Traffic Portal assumes Traffic Ops is running on http://localhost:3000. Temporarily modify conf/config.js if you need to change the location of Traffic Ops.