Scaffolding out readmes

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

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

step1-03/index.html

@@ -42,7 +42,7 @@
       return document.querySelector('.textfield').value;
     }
 
-    function clearInput(selector) {
+    function clearInput() {
       document.querySelector('.textfield').value = '';
     }
 

step1-05/README.md

@@ -0,0 +1,7 @@
+demo
+Header
+ListItem
+
+exercise
+Footer
+List

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>
     );
   }
 }

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>
     );
   }

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)