diff --git a/controller.js b/controller.js
index 9354734..7f5bd19 100644
--- a/controller.js
+++ b/controller.js
@@ -1,4 +1,41 @@
 angular.module('test', [])
 .controller('testController', ['$scope', function($scope) {
-	
-}]);
\ No newline at end of file
+
+}])
+.filter('range', function () {
+    return function (array, start, stop, step) {
+        if (stop == null) {
+            stop = start || 0;
+            start = 0;
+        }
+        step = step || 1;
+
+        var length = Math.max(Math.ceil((stop - start) / step), 0);
+        var range = Array(length);
+
+        for (var idx = 0; idx <= length; idx++, start += step) {
+            range[idx] = start;
+        }
+
+        return range;
+    };
+})
+.filter('skip', function () {
+    return function (nums, show) {
+        var evens = [];
+        var odds = [];
+        for (var i = 0; i < nums.length; i++) {
+            if ((nums[i] % 2) != 1) {
+                evens.push(nums[i]);
+            } else {
+                odds.push(nums[i]);
+            }
+        }
+
+        if(show === undefined) {
+            return nums;
+        } else {
+            return show ? evens : odds;
+        }
+    };
+});
diff --git a/index.html b/index.html
index 4079a43..9bf87d8 100644
--- a/index.html
+++ b/index.html
@@ -9,25 +9,27 @@
 	<div class="content">
 		<header class="controls-holder container">
 			<div class="numbers-holder">
-				<input type="number" placeholder="Min number">
-				<input type="number" placeholder="Max number">
+				<input type="number" placeholder="Min number" ng-model="start">
+				<input type="number" placeholder="Max number" ng-model="stop">
 			</div>
 			<div class="buttons-holder">
-				<button>Show all numbers</button>
-				<button>Show even numbers</button>
-				<button>Show odd numbers</button>
+				<button ng-click="skip = undefined">Show all numbers</button>
+				<button ng-click="skip = true">Show even numbers</button>
+				<button ng-click="skip = false">Show odd numbers</button>
 			</div>
 		</header>
 		<div class="results-space container">
 			<div class="buttons-holder">
-				<button>Display on the left</button>
-				<button>Display on the right</button>
+				<button ng-click="direction = 'left'">Display on the left</button>
+				<button ng-click="direction = 'right'">Display on the right</button>
 			</div>
 		</div>
 
 		<div class="list">
-			<!-- INSERT THE NUMBERS HERE. YOU ARE ALLOWED THE MODIFY OTHER PARTS OF THE CODE -->
+			<ul ng-style="{float: direction}">
+				<li ng-show="start && stop" ng-repeat="i in [] | range:start:stop:1 | skip:skip" >{{i}}</li>
+			</ul>
 		</div>
 	</div>
 </body>
-</html>
\ No newline at end of file
+</html>