diff --git a/SummaryNotes.txt b/SummaryNotes.txt
new file mode 100644
index 00000000..d11e89f8
--- /dev/null
+++ b/SummaryNotes.txt
@@ -0,0 +1,23 @@
+All notes below are in response and extension of commit notes from Pull Request.
+
+1) Adding 3rd party CDNs and JQuery for basic, enhanced UI/UX controls. Instead of using out-of-the-box controls, UI/UX 
+		should always be taken into account for applications. Although this is a code analysis and only the most basic styling
+		was added for effect, further time spent would include: 
+		- Enhancement to table formatting & colors
+		- Addition of header elements for discernibility between section
+		- Addition of directions/description of application
+		- Addition of column sorting/filtering in place of buttons
+		
+2) .slice() should never be used with an array unless otherwise intending to remove an item from an array. Additionally, further 
+		"dangers" of .slice() is knowing at which index the intended item to be removed is. When copying an array, we only need
+		to set a new variable to the original variable/parameter in which the array is located/stored. This will not mutate the
+		original array when changing the new variable.
+		
+3) Name search prior to the commit would not work unless a person's name's type & value were the same as that of the searched value.
+		Changing the validation from type & value (===) to .includes() allows us to search on the inputted value in real-time where any
+		name, first or last, may include the string of characters being searched.
+		
+4) Prior sort functionality for first name had worked without issues, however when sorting by last name, it was simply reversing the 
+		order of the returned array. Adding a new parameter of "subDetail" allowed the function to now have the scope of the sort
+		type, first or last. Once this was determined, it was possible to use the getFirstName/getLastName functions to return the
+		first/last name to sort by, depending on the scope, of course.
\ No newline at end of file
diff --git a/index.html b/index.html
index b9bef462..804ceac8 100644
--- a/index.html
+++ b/index.html
@@ -49,15 +49,22 @@
     <head>
         <title>Single Page Application</title>
 
+        <!-- Add Bootstrap CDNs -->
+    	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
+
         <style>
         body {
             margin: 0px;
             padding: 0px;
         }
 
+		/** Update CSS for app-container width **/
         .app-container {
-            width: 400px;
+            width: 700px;
             margin: 0 auto 0 auto;
+            margin-top: 20px;
         }
 
         .image {
@@ -69,6 +76,12 @@
             width: 100%;
             border: 1px solid black;
         }
+        
+        /** Add width and margin to buttons **/
+        button {
+        	margin-left: 25px;
+        	width: 150px;
+        }
         </style>
     </head>
     <body>
@@ -80,6 +93,7 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
 
+		<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 
         <!-- Our Application Logic -->
         <script>
@@ -126,8 +140,8 @@
         function getLastName(fullName) {
             return fullName.match(/\w+/g)[1];
         }
-
-        const getFirstName = (fullName) => {
+        
+        function getFirstName(fullName){
             return fullName.match(/\w+/g)[0];
         };
 
@@ -136,7 +150,7 @@
          */
         function shuffleList(list) {
             // Make a copy & don't mutate the passed in list
-            let result = list.slice(1);
+            let result = list;
 
             let tmp, j, i = list.length - 1
 
@@ -157,7 +171,7 @@
          */
         function filterByName(searchForName, personList) {
             return personList.filter((person) => {
-                return person.name === searchForName;
+                return person.name.includes(searchForName);
             });
         }
 
@@ -178,30 +192,40 @@
          *    > [{ name: 'Jon' }, { name: 'Kevin' }, { name: 'Sam' }]
          *
          */
-        function sortObjListByProp(prop) {
+        function sortObjListByProp(prop, sortDetail) {
             return function(objList) {
                 // Make a copy & don't mutate the passed in list
-                let result = objList.slice(1);
-
-                result.sort((a, b) => {
-                    if (a[prop] < b[prop]) {
+            	// ********** Remove slice so we don't lose any employees ************
+                var result = objList;
+
+				// Add return from the sort function instead of sort's return value
+				// change multiple ifs and default return to if:else if 
+				// Add sorting for last name but passing in new variable of sortDetail
+				// this is then used with subPropA and subPropB to get first/last names************
+                return result.sort((a, b) => {
+                	var subPropA;
+                	var subPropB;
+                	if(sortDetail === 'first') {
+                		subPropA = getFirstName(a.name);
+                		subPropB = getFirstName(b.name);
+                	}
+                	else if(sortDetail === 'last') {
+                		subPropA = getLastName(a.name);
+                		subPropB = getLastName(b.name);
+                	}
+                	
+                    if (subPropA < subPropB) {
                         return -1;
                     }
-
-                    if (a[prop] > b[prop]) {
+					else if (subPropA >= subPropB) {
                         return 1;
                     }
-
-                    return 1;
-                });
-
-                return result;
+        		});
             };
         }
 
-        const sortByFirstName = sortObjListByProp('name');
-
-        const sortByLastName = (personList) => sortByFirstName(personList).reverse();
+        const sortByFirstName = sortObjListByProp('name', 'first');
+        const sortByLastName = sortObjListByProp('name', 'last');
 
 
         /*==================================================
@@ -226,7 +250,7 @@
             React.DOM.td({ key: 'last' }, null, getLastName(props.person.name)),
         ]);
 
-        const ListContainer = (props) => React.DOM.table({ className: 'list-container' }, [
+        const ListContainer = (props) => React.DOM.table({ className: 'table list-container' }, [
             React.DOM.thead({ key: 'thead' }, React.DOM.tr({}, [
                 React.DOM.th({ key: 'thumb-h' }, null, 'Thumbnail'),
                 React.DOM.th({ key: 'first-h' }, null, 'First Name'),
@@ -281,9 +305,9 @@
 
                 return React.DOM.div({ className: 'app-container' }, [
                     React.createElement(Search, { key: 'search', onChange: this._onSearch }),
-                    React.DOM.button({ key: 'shuffle', onClick: this._shuffleList }, null, 'Shuffle'),
-                    React.DOM.button({ key: 'sort-first', onClick: this._sortByFirst }, null, 'Sort (First Name)'),
-                    React.DOM.button({ key: 'sort-last', onClick: this._sortByLast }, null, 'Sort (Last Name)'),
+                    React.DOM.button({ className: 'btn btn-default', key: 'shuffle', onClick: this._shuffleList }, null, 'Shuffle'),
+                    React.DOM.button({ className: 'btn btn-default', key: 'sort-first', onClick: this._sortByFirst }, null, 'Sort (First Name)'),
+                    React.DOM.button({ className: 'btn btn-default', key: 'sort-last', onClick: this._sortByLast }, null, 'Sort (Last Name)'),
                     React.createElement(ListContainer, { key: 'list', personList: visiblePersonList })
                 ]);
             }
