diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index bc8a670..0000000
--- a/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-.idea/*
\ No newline at end of file
diff --git a/.idea/ghpages.iml b/.idea/ghpages.iml
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ b/.idea/ghpages.iml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..05cc6a7
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ghpages.iml" filepath="$PROJECT_DIR$/.idea/ghpages.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..f256116
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/angular5" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
new file mode 100644
index 0000000..15e430c
--- /dev/null
+++ b/.idea/workspace.xml
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="9c647d9e-e1df-4ca4-acca-c22482a9a3e7" name="Default" comment="" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/angular5" />
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+    <sorting>DEFINITION_ORDER</sorting>
+  </component>
+  <component name="PhpWorkspaceProjectConfiguration" backward_compatibility_performed="true" />
+  <component name="ProjectFrameBounds" extendedState="6">
+    <option name="x" value="1985" />
+    <option name="y" value="-4" />
+    <option name="width" value="1537" />
+    <option name="height" value="912" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+      <manualOrder />
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scratches" />
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="ghpages" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ghpages" type="2a2b976b:PhpTreeStructureProvider$1" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+      <pane id="Scope" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false">
+    <option name="remove_strategy" value="false" />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="9c647d9e-e1df-4ca4-acca-c22482a9a3e7" name="Default" comment="" />
+      <created>1509217160460</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1509217160460</updated>
+      <workItem from="1511048829948" duration="3284000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="3284000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="1985" y="-4" width="1535" height="904" extended-state="6" />
+    <layout>
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.18334453" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.6348387" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+</project>
\ No newline at end of file
diff --git a/README.md b/README.md
deleted file mode 100644
index 322e357..0000000
--- a/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# HOW TO DEPLOY ANGULARJS APP TO GITHUB
diff --git a/phone-list-01/404.html b/phone-list-01/404.html
deleted file mode 100644
index 62c5371..0000000
--- a/phone-list-01/404.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>404 Page not Found</title>
-
-    <!-- cdn for ootstrap Links for css -->
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
-</head>
-<body >
-
-    <div class="container">
-       <h1>Page Not Found</h1>
-    </div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/phone-list-02/app.css b/phone-list-02/app.css
new file mode 100644
index 0000000..e69de29
diff --git a/phone-list-02/app.js b/phone-list-02/app.js
new file mode 100644
index 0000000..3168de0
--- /dev/null
+++ b/phone-list-02/app.js
@@ -0,0 +1,5 @@
+'use strict';
+
+ angular.module('phoneListApp', [
+    'phoneList' // aspect phoneList component
+ ]);
\ No newline at end of file
diff --git a/phone-list-02/index.html b/phone-list-02/index.html
new file mode 100644
index 0000000..bc89c2d
--- /dev/null
+++ b/phone-list-02/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>AngularJS 1</title>
+
+    <!-- cdn for ootstrap Links for css -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
+
+    <!-- Custom Stylesheet -->
+    <link rel="stylesheet" href="app.css" />
+
+    <!-- cdn for angularjs -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
+
+    <!-- AngularJS Custom Modules -->
+    <script src="./app.js"></script>
+    <script src="./phone-list/phone-list.js"></script>
+</head>
+<body ng-app="phoneListApp">
+
+    <div class="container">
+
+        <phone-list></phone-list>
+
+    </div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/phone-list-02/phone-list/phone-list.html b/phone-list-02/phone-list/phone-list.html
new file mode 100644
index 0000000..3c87757
--- /dev/null
+++ b/phone-list-02/phone-list/phone-list.html
@@ -0,0 +1,9 @@
+<br>
+<ul>
+    <li class="list-group-item">
+        Search: <input ng-model="$ctrl.query">
+    </li>
+    <li class="list-group-item" ng-repeat="phone in $ctrl.phones | filter:$ctrl.query">
+        {{phone.name}}
+    </li>
+</ul>
\ No newline at end of file
diff --git a/phone-list-02/phone-list/phone-list.js b/phone-list-02/phone-list/phone-list.js
new file mode 100644
index 0000000..d2d57f4
--- /dev/null
+++ b/phone-list-02/phone-list/phone-list.js
@@ -0,0 +1,17 @@
+'use strict';
+
+ // define phoneList module
+ angular.module('phoneList', []);
+
+ // component
+ angular.
+    module('phoneList').
+    component('phoneList', {
+    templateUrl: './phone-list/phone-list.html',
+    controller: function PhoneListController($http) {
+        var self = this;
+        $http.get('./phone-list/phone-list.json').then(function(response) {
+            self.phones = response.data;
+        });
+    }
+ });
\ No newline at end of file
diff --git a/phone-list-02/phone-list/phone-list.json b/phone-list-02/phone-list/phone-list.json
new file mode 100644
index 0000000..6215a94
--- /dev/null
+++ b/phone-list-02/phone-list/phone-list.json
@@ -0,0 +1,62 @@
+[
+  {
+    "name": "Motorola XOOM\u2122 with Wi-Fi"
+  },
+  {
+    "name": "MOTOROLA XOOM\u2122"
+  },
+  {
+    "name": "MOTOROLA ATRIX\u2122 4G"
+  },
+  {
+    "name": "Dell Streak 7"
+  },
+  {
+    "name": "Samsung Gem\u2122"
+  },
+  {
+    "name": "Dell Venue"
+  },
+  {
+    "name": "Nexus S"
+  },
+  {
+    "name": "LG Axis"
+  },
+  {
+    "name": "Samsung Galaxy Tab\u2122"
+  },
+  {
+    "name": "Samsung Showcase\u2122 a Galaxy S\u2122 phone"
+  },
+  {
+    "name": "DROID\u2122 2 Global by Motorola"
+  },
+  {
+    "name": "DROID\u2122 Pro by Motorola"
+  },
+  {
+    "name": "MOTOROLA BRAVO\u2122 with MOTOBLUR\u2122"
+  },
+  {
+    "name": "Motorola DEFY\u2122 with MOTOBLUR\u2122"
+  },
+  {
+    "name": "T-Mobile myTouch 4G"
+  },
+  {
+    "name": "Samsung Mesmerize\u2122 a Galaxy S\u2122 phone"
+  },
+  {
+    "name": "SANYO ZIO"
+  },
+  {
+    "name": "Samsung Transform\u2122"
+  },
+  {
+    "name": "T-Mobile G2"
+  },
+  {
+    "name": "Motorola CHARM\u2122 with MOTOBLUR\u2122"
+  }
+]
\ No newline at end of file
