diff --git a/internal/classes/obo/perms/RoleManager.class.php b/internal/classes/obo/perms/RoleManager.class.php
index e3f8f4ad4..e54409902 100644
--- a/internal/classes/obo/perms/RoleManager.class.php
+++ b/internal/classes/obo/perms/RoleManager.class.php
@@ -427,6 +427,15 @@ public function isSuperUser()
 		return $_SESSION['isSuperUser'];
 	}
 
+	public function isStatsUser()
+	{
+		if(!isset($_SESSION['isStatsUser']))
+		{
+			$_SESSION['isStatsUser'] = $this->doesUserHaveRole(array(\obo\perms\Role::SUPER_STATS, \obo\perms\Role::SUPER_USER));
+		}
+		return $_SESSION['isStatsUser'];
+	}
+
 	public function isSuperStats()
 	{
 		if(!isset($_SESSION['isSuperStats']))
diff --git a/internal/config/cfgLocal.docker.php b/internal/config/cfgLocal.docker.php
index f22ccd99c..601966d7a 100644
--- a/internal/config/cfgLocal.docker.php
+++ b/internal/config/cfgLocal.docker.php
@@ -7,7 +7,7 @@ class AppCfg extends AppCfgDefault
 
 	// --- DIRECTORYS & PATHS ---
 	const DIR_BASE = '/var/www/html/'; // Define Base Directory [ full path EX:  /www/obobjobo/ ]
-	const URL_WEB = 'https://127.0.0.1:8080/'; // Define the web directory for the base of GS [root inclusive at starting slash: http://obojobo.com/]
+	const URL_WEB = 'http://127.0.0.1/'; // Define the web directory for the base of GS [root inclusive at starting slash: http://obojobo.com/]
 
 	// --- Main App DB Connection ---
 	const DB_HOST = 'mysql';
diff --git a/stats-login.php b/stats-login.php
new file mode 100644
index 000000000..cb3e6de28
--- /dev/null
+++ b/stats-login.php
@@ -0,0 +1,14 @@
+<?php
+require_once('internal/app.php');
+require('internal/includes/login.php');
+
+// redirect to repository
+if ($loggedIn)
+{
+	header("Location: /stats.php");
+	exit;
+}
+
+// render login form
+$title = 'Obojobo Stats';
+include("assets/templates/login.php");
diff --git a/stats.php b/stats.php
new file mode 100644
index 000000000..f31e807bf
--- /dev/null
+++ b/stats.php
@@ -0,0 +1,441 @@
+<?php
+require_once('internal/app.php');
+
+// redirect to login form
+if ( ! \obo\API::getInstance()->getSessionValid())
+{
+	header("Location: /stats-login.php");
+	exit;
+}
+
+// Check that user has capability
+$roleMan = \obo\perms\RoleManager::getInstance();
+if( ! $roleMan->isStatsUser())
+{
+	header('HTTP/1.0 404 Not Found');
+	exit;
+}
+
+$API = \obo\API::getInstance();
+$gateway = \AppCfg::URL_WEB . \AppCfg::JSON_GATEWAY;
+
+
+// default file locations
+$cdn_scripts = [
+	'jquery' => 'https://unpkg.com/jquery@1.12.4/dist/jquery.min.js',
+	'datepicker.min.js' => '/wp/wp-includes/js/jquery/ui/datepicker.min.js',
+	'jquery.tablesorter.min.js' => '/assets/js/jquery.tablesorter.min.js',
+	'jquery.tablesorter.pager.js' => '/assets/js/jquery.tablesorter.pager.js',
+];
+
+$cdn_scripts_production = [
+	'jquery' => 'https://unpkg.com/jquery@1.12.4/dist/jquery.min.js',
+	'datepicker.min.js' => '/wp/wp-includes/js/jquery/ui/datepicker.min.js',
+	'jquery.tablesorter.min.js' => '/assets/js/jquery.tablesorter.min.js',
+	'jquery.tablesorter.pager.js' => '/assets/js/jquery.tablesorter.pager.js',
+];
+
+$css = [
+	'fonts' => 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i|Roboto+Mono:400,400i,700,700i|Noto+Serif:400,400i,700,700i',
+	'repository.css' => '/assets/dist/repository.css',
+	'jquery-ui-1.8.17.custom.css' => '/wp/wp-content/plugins/obo-stats/css/jquery-ui-1.8.17.custom.css',
+	'style.css' => '/assets/images/tablesorter/style.css'
+];
+
+$js = [];
+
+// load manifest generated by webpack, override defaults
+$manifest_path = __DIR__.'/assets/dist/manifest.json';
+if(file_exists($manifest_path)){
+
+	// assume we're no longer in dev, use production cdn scripts
+	$cdn_scripts = $cdn_scripts_production;
+
+	$manifest_contents = file_get_contents(__DIR__.'/assets/dist/manifest.json');
+	$manifest = json_decode($manifest_contents, true);
+
+	// move css files over to $css key
+	foreach($manifest as $key => $value)
+	{
+		$endswith = substr($key, -3);
+
+		switch($endswith){
+			case 'css':
+				if(!empty($css[$key]))
+				{
+					$css[$key] = $value;
+				}
+				break;
+			case '.js':
+				if(!empty($js[$key]))
+				{
+					$js[$key] = $value;
+				}
+				break;
+		}
+	}
+}
+
+
+
+
+?>
+<!DOCTYPE html>
+<html dir="ltr" lang="en-US">
+	<head>
+		<meta charset="UTF-8" />
+		<title>Stats | Obojobo&#8482;</title>
+		<?php
+
+		foreach($cdn_scripts as $cdn){
+			echo "<script src=\"{$cdn}\"></script>";
+		}
+		foreach($js as $file){
+			echo "<script src=\"{$file}\"></script>";
+		}
+
+		foreach($css as $file){
+			echo "<link href=\"{$file}\" rel=\"stylesheet\" crossorigin=\"anonymous\" media=\"all\" />";
+		}
+		?>
+
+		<script type="text/javascript" charset="utf-8">
+		jQuery(window).load(function()
+		{
+			window.loOptions = {};
+			window.loSelected = [];
+
+			// REMOTE - GET USER
+			jQuery.ajax({
+				url: "<?php echo $gateway; ?>/loRepository.getUser/",
+				context: document.body,
+				dataType: 'json',
+				success: function(msg)
+					{
+						getMyLOs();
+					}
+			});
+
+			jQuery("#button-preview").click(function(){
+				jQuery('#protostats').submit();
+			});
+
+			jQuery("#button-download").click(function(){
+				downloadCSV();
+			});
+
+			jQuery('#filter').keyup(filterOptions);
+
+			function filterOptions()
+			{
+				//grab selected items
+				loSelected = [];
+				jQuery('#mylos option:selected').each(function(key, val) {
+					loSelected.push(jQuery(this).val())
+				});
+
+				var rxp = new RegExp(jQuery('#filter').val(), 'i');
+				var optlist = jQuery('#mylos').empty();
+				for(t in loOptions)
+				{
+					var loID = loOptions[t];
+					if (rxp.test(t))
+					{
+						optlist.append(jQuery('<option/>').attr('value', loID).text(t));
+					}
+				};
+
+				//reselected selected items
+				for(var i in loSelected)
+				{
+					jQuery('#mylos option[value="' + loSelected[i] + '"]').attr('selected', true);
+				}
+			};
+
+			// REMOTE - GET LEARNING OBJECTS
+			function getMyLOs()
+			{
+				jQuery.ajax({
+					url: "<?php echo $gateway; ?>/loRepository.getLOs/false/true",
+					context: document.body,
+					dataType: 'json',
+					success: onGetMyLOs
+				});
+			}
+
+			// PLACE RESULTS INTO THE SELECT BOX
+			function onGetMyLOs(los)
+			{
+				var loBox = jQuery('#mylos');
+				loOptions = {};//document.getElementById('mylos').options;
+
+				// sort alphabetically
+				los = jQuery(los).sort(function(a,b){
+					if(a.title.toLowerCase() > b.title.toLowerCase())
+					{
+						return 1
+					}
+					else if(a.title.toLowerCase() == b.title.toLowerCase())
+					{
+						return a.version > b.version ? 1 : -1
+					}
+					else
+					{
+						return -1
+					}
+				});
+
+				jQuery.each(los, function(text, lo)
+				{
+					if(lo.version > 0 && lo.subVersion == 0)
+					{
+						var d = new Date(lo.createTime * 1000);
+						var t = lo.title + " v." + lo.version + "." + lo.subVersion + ' ' + (d.getMonth()+1) + '/' + d.getDate() + '/' + d.getFullYear() + ' [' + lo.loID + ']';
+						loOptions[t] = lo.loID;//new Option(t, lo.loID);
+					}
+				});
+
+				filterOptions();
+			}
+
+			// ON SUBMIT
+			jQuery('#protostats').submit(function(){
+
+				var los = new Array();
+				jQuery("#mylos option:selected").each(function(index,val){
+					los.push(jQuery(this).val());
+				});
+				los = '['+los.join()+']';
+
+				var s = jQuery('#start_date').datepicker('getDate').getTime()/1000;
+				var e = jQuery('#end_date').datepicker('getDate').getTime()/1000;
+
+				getStats(los, jQuery('input:radio[name=stat]:checked').val(), s, e, jQuery('input:radio[name=resolution]:checked').val());
+				return false;
+			});
+
+			function getStats(los, statID, startDate, endDate, resolution)
+			{
+				jQuery.ajax({
+					url: "<?php echo $gateway; ?>/loRepository.getLOStats/"+los+'/'+ statID + '/'+ startDate +'/' + endDate + '/' + resolution,
+					context: document.body,
+					dataType: 'json',
+					success: onGetStats
+				});
+				jQuery('#results-table').remove();
+			}
+
+			// PLACE RESULTS IN A TABLE
+			function onGetStats(results)
+			{
+				// Clear previous results
+				jQuery('#results-table').remove();
+
+				// build the table
+				jQuery('#results').append('<table id="results-table" class="tablesorter"><thead><tr class="table-header"></tr></thead><tbody></tbody></table>');
+
+				// Build the header row
+				for(index in results[0])
+				{
+					jQuery('#results-table tr.table-header').append('<th>'+index+'</th>');
+				};
+
+				// Place each data row
+				jQuery(results).each(function(index,val){
+					var row = '<tr>'
+					for(index in val)
+					{
+						row += '<td>'+ val[index] +'</td>';
+					}
+					row += '</tr>'
+					jQuery('#results-table tbody').append(row);
+				});
+
+				// Enable the table sorter
+				jQuery("#results-table").tablesorter({widthFixed: true, widgets: ['zebra']}).tablesorterPager({container: jQuery("#pager")});
+
+			}
+
+			// Listen to time radio button clicks
+			jQuery("input[name=time]").change(function(){
+				if(jQuery(this).val() == 'all')
+				{
+					jQuery("#start_date").datepicker('setDate', new Date(2008, 1 - 1, 1)); // set to obojobo epoch
+					jQuery("#end_date").datepicker('setDate', new Date("+1D")); // set to now
+					jQuery('#custom-time').hide();
+				}
+				else
+				{
+					// Ok, show everything
+					jQuery('#custom-time').show();
+				}
+
+			});
+
+			// SET UP THE DATE PICKERS
+			var dates = jQuery( "#start_date, #end_date" ).datepicker({
+				defaultDate: "+1w",
+				changeMonth: true,
+				numberOfMonths: 3,
+				minDate: new Date(2008, 1 - 1, 1),
+				maxDate: "+1D",
+				onSelect: function( selectedDate ) {
+					var option = this.id == "start_date" ? "minDate" : "maxDate",
+						instance = jQuery( this ).data( "datepicker" ),
+						date = jQuery.datepicker.parseDate(
+							instance.settings.dateFormat ||
+							jQuery.datepicker._defaults.dateFormat,
+							selectedDate, instance.settings );
+					dates.not( this ).datepicker( "option", option, date );
+				}
+			});
+			jQuery("#start_date").datepicker( "option", "defaultDate", new Date(2008, 1 - 1, 1) );
+			jQuery("#end_date").datepicker( "option", "defaultDate", "+1D");
+			jQuery("#start_date").datepicker('setDate', new Date(2008, 1 - 1, 1)); // set to obojobo epoch
+			jQuery("#end_date").datepicker('setDate', new Date('+1D')); // set to now
+		});
+
+		function downloadCSV()
+		{
+			var los = new Array();
+			jQuery("#mylos option:selected").each(function(index,val){
+				los.push(jQuery(this).val());
+			});
+			los = '&los[]='+los.join('&los[]=');
+			var statValue = jQuery("input[name=stat]:checked").val();
+			var s = jQuery('#start_date').datepicker('getDate').getTime()/1000;
+			var e = jQuery('#end_date').datepicker('getDate').getTime()/1000;
+			var r = jQuery('input:radio[name=resolution]:checked').val()
+			window.open('/assets/csv.php?function=stats'+los+'&stat='+statValue+'&start='+s+'&end='+e+'&resolution='+r,'_blank');
+		}
+
+	</script>
+	<style type="text/css" media="screen">
+		body{
+			padding: 10px;
+		}
+
+		div.ui-datepicker{
+			font-size:10px;
+		}
+
+
+		#button-preview {
+			-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
+			-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
+			box-shadow:inset 0px 1px 0px 0px #bbdaf7;
+			background-color:#79bbff;
+			-moz-border-radius:6px;
+			-webkit-border-radius:6px;
+			border-radius:6px;
+			border:1px solid #84bbf3;
+			display:inline-block;
+			color:#ffffff;
+			font-family:arial;
+			font-size:15px;
+			font-weight:bold;
+			padding:6px 24px;
+			text-decoration:none;
+			text-shadow:1px 1px 0px #528ecc;
+		}
+		#button-preview:hover {
+			background-color:#378de5;
+		}
+		#button-preview:active {
+			position:relative;
+			top:1px;
+		}
+
+		#button-download {
+			-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
+			-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
+			box-shadow:inset 0px 1px 0px 0px #c1ed9c;
+			background-color:#9dce2c;
+			-moz-border-radius:6px;
+			-webkit-border-radius:6px;
+			border-radius:6px;
+			border:1px solid #83c41a;
+			display:inline-block;
+			color:#ffffff;
+			font-family:arial;
+			font-size:15px;
+			font-weight:bold;
+			padding:6px 24px;
+			text-decoration:none;
+			text-shadow:1px 1px 0px #689324;
+		}
+		#button-download:hover {
+			background-color:#8cb82b;
+		}
+		#button-download:active {
+			position:relative;
+			top:1px;
+		}
+
+		#custom-time
+		{
+			display:none;
+		}
+		#form-buttons
+		{
+			padding:20px;
+		}
+		select#mylos
+		{
+			height:200px;
+			min-width:200px;
+		}
+		#filter
+		{
+			display: block;
+		}
+	</style>
+	</head>
+	<body>
+		<h2>Choose Learning Object(s)</h2>
+		<form id="protostats" action="protostats_submit" method="get" accept-charset="utf-8">
+
+		<input placeholder="search..." type="text" id="filter" />
+		<select name="mylos" id="mylos" multiple onchange="" size="15">
+			<option value="-1">Loading...</option>
+		</select><br>
+		<h2>Choose Stat</h2>
+			<input type="radio" name="stat" value="10" id="instance_count" CHECKED><label for="instance_count">10. Total Instances Created</label><br>
+			<input type="radio" name="stat" value="20" id="student_count"><label for="student_count">20. Total Views <span style="color:red;">[slow]</span></label><br>
+			<input type="radio" name="stat" value="30" id="derivative_count"><label for="derivative_count">30. Total View Time by Section</label><br>
+			<input type="radio" name="stat" value="90" id="content_views"><label for="content_views">90. Total Page &amp; Question Views <span style="color:red;">[slow]</span></label><br>
+			<input type="radio" name="stat" value="40" id="assessment_count"><label for="assessment_count">40. Total Assessments Completed</label><br>
+			<input type="radio" name="stat" value="50" id="import_scores"><label for="import_scores">50. Total Score Import Usage</label><br>
+			<input type="radio" name="stat" value="60" id="who_created_instances"><label for="who_created_instances">60. List Who Created Instances</label><br>
+			<input type="radio" name="stat" value="65" id="who_created_los"><label for="who_created_los">65. List Learning Object Authors <span style="color:red;">[review needed]</span></label><br>
+			<input type="radio" name="stat" value="70" id="which_courses"><label for="which_courses">70. List Which Courses</label><br>
+			<input type="radio" name="stat" value="75" id="who_visited"><label for="who_visited">75. Individual Visitors  <span style="color:red;">[slow]</span></label><br>
+			<!-- <input type="radio" name="stat" value="80" id="question_answers"><label for="question_answers"><s>Question Answer Values</s></label><br> -->
+			<!-- <input type="radio" name="stat" value="100" id="scores"><label for="scores"><s>Scores</s></label><br> -->
+			<!-- <input type="radio" name="stat" value="110" id="attempt"><label for="attempt"><s>Attempt</s></label><br> -->
+		</fieldset>
+		<h2>Choose Timeframe</h2>
+		<input type="radio" name="time" value="all" id="time_all" CHECKED><label for="time_all">All Time</label><br>
+		<input type="radio" name="time" value="custom" id="time_year"><label for="time_year">Custom...</label><br>
+		<span id="custom-time">
+			<label for="start_date">From</label>
+			<input type="text" id="start_date" name="start_date"/>
+			<label for="end_date">to</label>
+			<input type="text" id="end_date" name="end_date"/>
+		</span>
+
+		<h2>Choose Time Resolution</h2>
+		<input type="radio" name="resolution" value="all" id="resolution_all" CHECKED><label for="resolution_all">All Time</label><br>
+		<input type="radio" name="resolution" value="year" id="resolution_year"><label for="resolution_year">Years</label><br>
+		<input type="radio" name="resolution" value="month" id="resolution_month"><label for="resolution_month">Months</label><br>
+		<input type="radio" name="resolution" value="day" id="resolution_day"><label for="resolution_day">Days</label><br>
+		<input type="radio" name="resolution" value="hour" id="resolution_hour"><label for="resolution_hour">Hours</label><br>
+		</form>
+
+		<div id="form-buttons">
+			<div id="button-preview" href="#bottom"  class="myButton">Preview 10 Rows</div>
+			<div id="button-download" href="#"  class="myButton">Download CSV</div>
+		</div>
+		<div id="results"></div>
+	</body>
+</html>