From fe0be0154dbc0b846ea3b24e58432103b92be0c2 Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Wed, 20 Feb 2019 23:23:57 -0800
Subject: [PATCH] Scaffolding out readmes

---
 step1-02/README.md                   | 10 +++++-----
 step1-03/README.md                   | 18 ++++++++++++++++++
 step1-03/index.html                  |  2 +-
 step1-05/README.md                   |  7 +++++++
 step1-05/src/App.tsx                 | 12 +++++-------
 step1-05/src/components/TodoList.tsx | 10 ++++------
 step1-06/README.md                   | 12 ++++++++++++
 7 files changed, 52 insertions(+), 19 deletions(-)
 create mode 100644 step1-03/README.md
 create mode 100644 step1-05/README.md
 create mode 100644 step1-06/README.md

diff --git a/step1-02/README.md b/step1-02/README.md
index 0106361..f8aa83a 100644
--- a/step1-02/README.md
+++ b/step1-02/README.md
@@ -1,9 +1,9 @@
 ## HTML and CSS
 
+## Demo
+
+Scaffold out page
+
 ## Exercise
 
-1. Add an unordered list of class 'todos' after the filters
-2. Add four todos.
-3. Center the "TODO" header
-4. Style all elements with button class to have no border and 5px padding top/bottom and 10px left/right
-5. Set the active button style to have a 2px solid blue bottom border
+Add and style footer
diff --git a/step1-03/README.md b/step1-03/README.md
new file mode 100644
index 0000000..be998f1
--- /dev/null
+++ b/step1-03/README.md
@@ -0,0 +1,18 @@
+Demo
+
+already done
+
+- addTodo
+- filter
+- filter()
+- getTodoText
+
+Walk through 'addTodo'
+attach addTodo to button
+write clearInput/add to addTodo
+write updateRemaining
+
+## Exercise
+
+write clearCompleted
+add to footer button
diff --git a/step1-03/index.html b/step1-03/index.html
index 8e850ae..f24eea5 100644
--- a/step1-03/index.html
+++ b/step1-03/index.html
@@ -42,7 +42,7 @@
       return document.querySelector('.textfield').value;
     }
 
-    function clearInput(selector) {
+    function clearInput() {
       document.querySelector('.textfield').value = '';
     }
 
diff --git a/step1-05/README.md b/step1-05/README.md
new file mode 100644
index 0000000..10b6f23
--- /dev/null
+++ b/step1-05/README.md
@@ -0,0 +1,7 @@
+demo
+Header
+ListItem
+
+exercise
+Footer
+List
diff --git a/step1-05/src/App.tsx b/step1-05/src/App.tsx
index 5726b54..0f6e89a 100644
--- a/step1-05/src/App.tsx
+++ b/step1-05/src/App.tsx
@@ -3,16 +3,14 @@ import { TodoFooter } from './components/TodoFooter';
 import { TodoHeader } from './components/TodoHeader';
 import { TodoList } from './components/TodoList';
 
-
 export class TodoApp extends React.Component {
   render() {
-
     return (
-        <div>
-          <TodoHeader  />
-          <TodoList  />
-          <TodoFooter />
-        </div>
+      <div>
+        <TodoHeader />
+        <TodoList />
+        <TodoFooter />
+      </div>
     );
   }
 }
diff --git a/step1-05/src/components/TodoList.tsx b/step1-05/src/components/TodoList.tsx
index e62f0ce..2a89a0f 100644
--- a/step1-05/src/components/TodoList.tsx
+++ b/step1-05/src/components/TodoList.tsx
@@ -3,14 +3,12 @@ import { TodoListItem } from './TodoListItem';
 
 export class TodoList extends React.Component<any, any> {
   render() {
-    const { filter, todos } = this.props;
-
     return (
       <ul className="todos">
-         <TodoListItem/>
-         <TodoListItem/> 
-         <TodoListItem/> 
-         <TodoListItem/>  
+        <TodoListItem />
+        <TodoListItem />
+        <TodoListItem />
+        <TodoListItem />
       </ul>
     );
   }
diff --git a/step1-06/README.md b/step1-06/README.md
new file mode 100644
index 0000000..212b04c
--- /dev/null
+++ b/step1-06/README.md
@@ -0,0 +1,12 @@
+already done
+itemCount filtering
+
+demo
+
+add state
+pass to header and list
+add filter class stuff
+
+exercise
+update footer to include todos
+add item count and item(s)