diff --git a/app/app.js b/app/app.js
index dfe3e57..2164777 100644
--- a/app/app.js
+++ b/app/app.js
@@ -20,7 +20,7 @@ app.factory('Categories', function($resource) {
 });
 
 app.factory('Nutrients', function($resource) {
-  return $resource('assets/json/nutrients.json');
+  return $resource('http://foodbank.develop.digitalmediauconn.org/api/index.php/nutrient/all');
 });
 
 // Just does a PUT request when u call Food.update
diff --git a/app/pages/categories/ctrl.js b/app/pages/categories/ctrl.js
index d99d832..c3b8dbe 100644
--- a/app/pages/categories/ctrl.js
+++ b/app/pages/categories/ctrl.js
@@ -1,6 +1,6 @@
 
 function GetRanks() {
-	return ['green', 'yellow'];
+	return [{name: 'green', id: 1}, {name: 'yellow', id: 2}];
 }
 
 function GetNutrients() {
@@ -15,14 +15,9 @@ function GetOperations() {
 					{name: 'e', symbol: 'Equal To'}];
 }
 
-function SaveData(categories) {
-	console.log('save');
-}
-
-app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Categories) {
+app.controller('CategoryCtrl', ['$scope', '$http', 'Categories', 'Nutrients', function ($scope, $http, Categories, Nutrients) {
   $scope.page.title = 'Categories';
   $scope.page.id = 'cat';
-  $scope.page.yourVar = "globalStuff";
 
 
 	// GET list of categories
@@ -31,9 +26,16 @@ app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Catego
   });
 
 	$scope.ranks = GetRanks();
-	$scope.nutrients = GetNutrients();
+
+	$scope.units = ['mg', 'g'];
+
+	Nutrients.get({}, function(data) {
+		$scope.nutrients = data.data;
+	});
+
 	$scope.operations = GetOperations();
 
+
 	$scope.getCategoryIndexFromName = function(categoryName) {
 		for(var i = 0; i < $scope.categories.length; i++) {
 			if($scope.categories[i].name == categoryName) {
@@ -44,26 +46,32 @@ app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Catego
 	};
 
 	$scope.addRule = function(categoryName) {
-		/*var categoryIndex = $scope.getCategoryIndexFromName(categoryName);
+		var categoryIndex = $scope.getCategoryIndexFromName(categoryName);
 		if(categoryIndex != -1) {
-			$scope.categories[categoryIndex].rules.push({ nutrient: 'sugar',
-				rule_id: '0',
-				ranks:  [ { name: 'green', operation: 'lt', value: 5 },
-									{ name: 'yellow', operation: 'gt', value: 2 } ] });
-		}*/
+			$scope.categories[categoryIndex].rules[0].push({
+            ruleId: 0,
+           	nutrientName: $scope.nutrients[0].name,
+            nutrientId: $scope.nutrients[0].id,
+            operator: "lte",
+            threshold: 10,
+            units: "mg",
+            rank: 1,
+            categoryId: categoryIndex
+          });
+		}
 
 	};
 
 	$scope.removeRule = function(category, rule) {
-		/*for(var i = 0; i < category.rules.length; i++) {
-			if(category.rules[i] == rule) {
-				category.rules.splice(i, 1);
+		for(var i = 0; i < category.rules[0].length; i++) {
+			if(category.rules[0][i] == rule) {
+				category.rules[0].splice(i, 1);
 			}
-		}*/
+		}
 	};
 
 	$scope.addCategory = function() {
-		$scope.categories.push({name: 'New Category', rules: []})
+		//$scope.categories.push({name: 'New Category', rules: []})
 	};
 
 	$scope.removeCategory = function(category) {
@@ -74,7 +82,7 @@ app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Catego
 		}
 	};
 
-	$scope.saveData = function() {
-		SaveData($scope.categories);
+	$scope.saveData = function(category) {
+		$http.post('http://foodbank.develop.digitalmediauconn.org/api/index.php/rules/saveBatch/' + category.id, category.rules[0]);
 	};
 }]);
diff --git a/app/pages/categories/view.html b/app/pages/categories/view.html
index 7ecfec1..5d9511e 100644
--- a/app/pages/categories/view.html
+++ b/app/pages/categories/view.html
@@ -6,45 +6,51 @@
 		      <div class="collapsible-header">{{ category.name }}</div>
 		      <div class="collapsible-body">
 						<div class="row">
-							<div class="col s12">
+							<!--<div class="col s12">
 								<div class="input-field col s6">
 				          <input placeholder="Placeholder" id="first_name" type="text" class="validate" ng-model="category.name">
 				          <label for="first_name">Category Name</label>
 				        </div>
 								<button class="btn grey" style="float:right" ng-click="removeCategory(category)">Delete Category</button>
+							</div>-->
+							<div class="col s6" ng-repeat="rule in category.rules[0]">
+								<div class="card">
+			            <div class="card-content">
+			              <div class="row">
+			              	<div class="col s6">
+			              		<select>
+			              			<option ng-repeat="nutrient in nutrients" value="{{nutrient.name}}" ng-selected="nutrient.name==rule.nutrientName">{{nutrient.name}}</option>
+			              		</select>
+			              	</div>
+			              	<div class="col s6">
+			              		<select>
+			              			<option ng-repeat="rank in ranks" value="{{rank.id}}" ng-selected="rule.rank == rank.id">{{ rank.name }}</option>
+			              		</select>
+			              	</div>
+			              	<div class="col s4">
+			              		<select>
+													<option ng-repeat="operation in operations" value="{{operation.name}}" ng-selected="operation.name==rank.operator">{{operation.symbol}}</option>
+												</select>
+			              	</div>
+			              	<div class="col s4">
+			              		<input type="number" ng-model="rule.threshold" value="{{rule.threshold}}">
+			              	</div>
+			              	<div class="col s4">
+			              		<select>
+			              			<option ng-repeat="unit in units" value="{{unit}}" ng-selected="rule.units == unit">{{unit}}</option>
+			              		</select>
+			              	</div>
+			              	<div class="col s4">
+			              		<button class="btn red darken-3" ng-click="removeRule(category, rule)">Delete</button>
+			              	</div>
+			              </div>		
+			            </div>
+			          </div>
 							</div>
 					    <div class="col s12">
-					    	<table class="categoryTable">
-					    		<thead>
-					    			<tr>
-					    				<th>Nutrient</th>
-											<th ng-repeat="rank in ranks">{{rank}} condition</th>
-											<th></th>
-					    			</tr>
-					    		</thead>
-									<tbody>
-										<tr ng-repeat="(rule_nutrient, rules) in category.rules">
-											<td>
-													<div class="input-field col s12">
-														<select>
-															<option ng-repeat="nutrient in nutrients" value="{{nutrient}}" ng-selected="nutrient==rule_nutrient">{{nutrient}}</option>
-														</select>
-													</div>
-											</td>
-											<td ng-repeat="rank in rules">
-												<div class="input-field col s6">
-													<select>
-														<option ng-repeat="operation in operations" value="{{operation.name}}" ng-selected="operation.name==rank.operator">{{operation.symbol}}</option>
-													</select>
-												</div>
-												<div class="input-field col s6">
-													<input type="number" value="{{rank.threshold | number}}">
-												</div>
-											</td>
-											<td><button class="btn red" ng-click="removeRule(category, rule)"><i class="material-icons">delete</i></button></td>
-										</tr>
-									</tbody>
-					    	</table>
+					    	
+													
+												
 								<button ng-click="addRule(category.name)" class="btn">Add Rule</button>
 								<button class="btn green" ng-click="saveData(category)">Save</button>
 					    </div>
@@ -52,7 +58,7 @@
 					</div>
 		    </li>
 		  </ul>
-			<button class="btn blue" ng-click="addCategory()" onclick="UpdateTextFields()">Add Category</button>
+			<!--<button class="btn blue" ng-click="addCategory()" onclick="UpdateTextFields()">Add Category</button>-->
 		</div>
 		<!--<div class="col s12 m3">
 			<div class="card grey darken-3">
diff --git a/assets/js/bundle.js b/assets/js/bundle.js
index 8c0fe1a..f9c58dc 100644
--- a/assets/js/bundle.js
+++ b/assets/js/bundle.js
@@ -20,7 +20,7 @@ app.factory('Categories', function($resource) {
 });
 
 app.factory('Nutrients', function($resource) {
-  return $resource('assets/json/nutrients.json');
+  return $resource('http://foodbank.develop.digitalmediauconn.org/api/index.php/nutrient/all');
 });
 
 // Just does a PUT request when u call Food.update
@@ -81,6 +81,25 @@ app.config( function ($routeProvider, $locationProvider) {
     // $locationProvider.html5Mode(true);
 });
 
+app.controller('root', ['$scope', '$location', function ($scope, $location) {
+
+  $scope.$watch('page', function () {
+    $scope.title = $scope.page.title + ' | F2E';
+  }, true);
+
+  $scope.page = {
+    'title' : 'Root',
+    'id' : 'root',
+    'blackNav' : false
+  };
+
+  $scope.loop = ['Apple Pie','Bananas','Peas','Newman\'s Own Oil and Vinegar Dressing','Cucumber Salad','Kraft Macaroni and Cheese','Some food','Some more food','Some junk food','Some healthy food'];
+
+  $scope.go = function ( path ) {
+    $location.path( path );
+  };
+}]);
+
 app.controller('RestCtrl', ['$scope', 'Foods', function ($scope, Foods) {
   $scope.page.title = 'REST';
   $scope.page.id = 'rest';
@@ -126,37 +145,10 @@ app.controller('EmailController', ['$scope', function ($scope) {
   $scope.email = "rogangabe@gmail.com";
 }]);
 
-app.controller('root', ['$scope', '$location', function ($scope, $location) {
-
-  $scope.$watch('page', function () {
-    $scope.title = $scope.page.title + ' | F2E';
-  }, true);
-
-  $scope.page = {
-    'title' : 'Root',
-    'id' : 'root',
-    'blackNav' : false
-  };
-
-  $scope.loop = ['Apple Pie','Bananas','Peas','Newman\'s Own Oil and Vinegar Dressing','Cucumber Salad','Kraft Macaroni and Cheese','Some food','Some more food','Some junk food','Some healthy food'];
-
-  $scope.go = function ( path ) {
-    $location.path( path );
-  };
-}]);
-
-app.controller('404Ctrl', ['$scope', function ($scope) {
-  $scope.page.title = '404';
-  $scope.page.id = '404';
-  $scope.page.yourVar = "globalStuff";
-
-  $scope.var2 = "localStuff";
-}]);
-
 
 
 function GetRanks() {
-	return ['green', 'yellow'];
+	return [{name: 'green', id: 1}, {name: 'yellow', id: 2}];
 }
 
 function GetNutrients() {
@@ -171,14 +163,9 @@ function GetOperations() {
 					{name: 'e', symbol: 'Equal To'}];
 }
 
-function SaveData(categories) {
-	console.log('save');
-}
-
-app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Categories) {
+app.controller('CategoryCtrl', ['$scope', '$http', 'Categories', 'Nutrients', function ($scope, $http, Categories, Nutrients) {
   $scope.page.title = 'Categories';
   $scope.page.id = 'cat';
-  $scope.page.yourVar = "globalStuff";
 
 
 	// GET list of categories
@@ -187,9 +174,16 @@ app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Catego
   });
 
 	$scope.ranks = GetRanks();
-	$scope.nutrients = GetNutrients();
+
+	$scope.units = ['mg', 'g'];
+
+	Nutrients.get({}, function(data) {
+		$scope.nutrients = data.data;
+	});
+
 	$scope.operations = GetOperations();
 
+
 	$scope.getCategoryIndexFromName = function(categoryName) {
 		for(var i = 0; i < $scope.categories.length; i++) {
 			if($scope.categories[i].name == categoryName) {
@@ -200,26 +194,32 @@ app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Catego
 	};
 
 	$scope.addRule = function(categoryName) {
-		/*var categoryIndex = $scope.getCategoryIndexFromName(categoryName);
+		var categoryIndex = $scope.getCategoryIndexFromName(categoryName);
 		if(categoryIndex != -1) {
-			$scope.categories[categoryIndex].rules.push({ nutrient: 'sugar',
-				rule_id: '0',
-				ranks:  [ { name: 'green', operation: 'lt', value: 5 },
-									{ name: 'yellow', operation: 'gt', value: 2 } ] });
-		}*/
+			$scope.categories[categoryIndex].rules[0].push({
+            ruleId: 0,
+           	nutrientName: $scope.nutrients[0].name,
+            nutrientId: $scope.nutrients[0].id,
+            operator: "lte",
+            threshold: 10,
+            units: "mg",
+            rank: 1,
+            categoryId: categoryIndex
+          });
+		}
 
 	};
 
 	$scope.removeRule = function(category, rule) {
-		/*for(var i = 0; i < category.rules.length; i++) {
-			if(category.rules[i] == rule) {
-				category.rules.splice(i, 1);
+		for(var i = 0; i < category.rules[0].length; i++) {
+			if(category.rules[0][i] == rule) {
+				category.rules[0].splice(i, 1);
 			}
-		}*/
+		}
 	};
 
 	$scope.addCategory = function() {
-		$scope.categories.push({name: 'New Category', rules: []})
+		//$scope.categories.push({name: 'New Category', rules: []})
 	};
 
 	$scope.removeCategory = function(category) {
@@ -230,11 +230,72 @@ app.controller('CategoryCtrl', ['$scope', 'Categories', function ($scope, Catego
 		}
 	};
 
-	$scope.saveData = function() {
-		SaveData($scope.categories);
+	$scope.saveData = function(category) {
+		$http.post('http://foodbank.develop.digitalmediauconn.org/api/index.php/rules/saveBatch/' + category.id, category.rules[0]);
 	};
 }]);
 
+
+app.controller('LoginCtrl', ['$scope', 'loginService', function ($scope, loginService) {
+  $scope.page.title = 'Login';
+  $scope.page.id = 'login';
+  $scope.page.yourVar = "globalStuff";
+
+  $scope.selected = {
+    username: "",
+    password: ""
+  };
+
+  $scope.loginAttempt = {
+    username: "",
+    password: "",
+    attempt: false,
+    login: false
+  };
+
+  $scope.loginService = loginService;
+
+  $scope.login = function( username, password ) {
+    $scope.loginAttempt.username = username;
+    $scope.loginAttempt.password = password;
+    $scope.loginAttempt.attempt = true;
+    // Sanitize? Pre-check?
+    console.log($scope.loginService);
+    $scope.loginService.login( username, password ).then(function(response) {
+      console.log(response);
+      // Mock the fact that this takes longer
+      setTimeout(function() {
+        $scope.$apply(function() {
+          $scope.loginAttempt.login = response.login;
+          $scope.loginAttempt.attempt = false;
+        });
+      }, 1000);
+    }, function(error) {
+      console.error(error);
+    });
+  };
+
+}]);
+
+app.factory('loginService', ['$http', function($http) {
+  return {
+    login: function( username, password ) {
+      return $http.get('/app/pages/login/example.json').then(function(response) {
+        return response.data;
+      }, function(error) {
+        return error;
+      });
+    }
+  };
+}]);
+app.controller('404Ctrl', ['$scope', function ($scope) {
+  $scope.page.title = '404';
+  $scope.page.id = '404';
+  $scope.page.yourVar = "globalStuff";
+
+  $scope.var2 = "localStuff";
+}]);
+
 app.controller('FoodCtrl', ['$scope', '$http', 'Foods', 'FoodDetail', 'Categories', '$cookies', function ($scope, $http, Foods, FoodDetail, Categories, $cookies) {
   $scope.page.title = 'Food';
   $scope.page.id = 'food';
@@ -352,59 +413,6 @@ app.controller('FoodCtrl', ['$scope', '$http', 'Foods', 'FoodDetail', 'Categorie
 
 }]);
 
-
-app.controller('LoginCtrl', ['$scope', 'loginService', function ($scope, loginService) {
-  $scope.page.title = 'Login';
-  $scope.page.id = 'login';
-  $scope.page.yourVar = "globalStuff";
-
-  $scope.selected = {
-    username: "",
-    password: ""
-  };
-
-  $scope.loginAttempt = {
-    username: "",
-    password: "",
-    attempt: false,
-    login: false
-  };
-
-  $scope.loginService = loginService;
-
-  $scope.login = function( username, password ) {
-    $scope.loginAttempt.username = username;
-    $scope.loginAttempt.password = password;
-    $scope.loginAttempt.attempt = true;
-    // Sanitize? Pre-check?
-    console.log($scope.loginService);
-    $scope.loginService.login( username, password ).then(function(response) {
-      console.log(response);
-      // Mock the fact that this takes longer
-      setTimeout(function() {
-        $scope.$apply(function() {
-          $scope.loginAttempt.login = response.login;
-          $scope.loginAttempt.attempt = false;
-        });
-      }, 1000);
-    }, function(error) {
-      console.error(error);
-    });
-  };
-
-}]);
-
-app.factory('loginService', ['$http', function($http) {
-  return {
-    login: function( username, password ) {
-      return $http.get('/app/pages/login/example.json').then(function(response) {
-        return response.data;
-      }, function(error) {
-        return error;
-      });
-    }
-  };
-}]);
 app.controller('NutrientsCtrl', ['$scope', 'Nutrients', function ($scope, Nutrients) {
   $scope.page.title = 'Nutrients';
   $scope.page.id = 'nutrients';