diff --git a/src/App.js b/src/App.js
index 392ed1f..9fa061f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,9 +16,21 @@ import SortUsers from "./components/SortUsers";
 import ScaleVideo from "./components/ScaleVideo";
 import Modal from "./components/Modal";
 import ShowModal from "./components/ShowModal";
+import store from "./store";
 
-function App() {
-  return (
+class App extends React.Component {
+  
+  componentDidMount() {
+    fetch('https://jsonplaceholder.typicode.com/users ') 
+      .then(res => res.json())
+      .then(data => {
+        store.dispatch({type: "LOAD_USERS", value: data})
+      })
+        .catch(err => console.log(`Error: ${err}`))
+  }
+
+  render() {
+    return (
       <div className="App">
         <div className="container">
           <CounterButton />
@@ -28,7 +40,7 @@ function App() {
           <UserButtons />
           <br />
           <CityDropDown />
-           <br />
+            <br />
           <ChangeTemperature />
           <br />
           <SearchTextBox />
@@ -60,6 +72,7 @@ function App() {
         </div>
         <Modal />
       </div>
-  );
+    );
+  }
 }
 export default App;
\ No newline at end of file
diff --git a/src/components/ChangeTemperature.js b/src/components/ChangeTemperature.js
index fa894bc..a5102ba 100644
--- a/src/components/ChangeTemperature.js
+++ b/src/components/ChangeTemperature.js
@@ -1,4 +1,5 @@
 import React from "react";
+import store from '../store'
 
 function ChangeTemperature(props){
     return(
@@ -6,7 +7,7 @@ function ChangeTemperature(props){
         <br/>
         <label>Change Temp -  Enter a value from 1-100<br/>
           <input onChange={(e)=>{
-           
+            store.dispatch({type:"SET_TEMP", value: e.target.value})
           }} type="number" min="0" max="100" />
         </label>
       </div>
diff --git a/src/components/CityDropDown.js b/src/components/CityDropDown.js
index d43df20..b0b966f 100644
--- a/src/components/CityDropDown.js
+++ b/src/components/CityDropDown.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 function CityDropDown(props) {
   return (
@@ -6,7 +7,7 @@ function CityDropDown(props) {
         CurrentCity: 
         <select onChange={
           (e)=>{
-           
+            store.dispatch({type:"SET_CURRENT_CITY", value: e.target.value})
           }
         }>
           <option value="Austin">Austin</option>
diff --git a/src/components/Counter.js b/src/components/Counter.js
index 281c6ff..a1a2ac4 100644
--- a/src/components/Counter.js
+++ b/src/components/Counter.js
@@ -1,8 +1,14 @@
 import React from 'react';
+import store from '../store';
 
 class Counter extends React.Component {
-  
   state={count:0}
+  componentDidMount() {
+    store.subscribe(()=> {
+      this.setState({count: store.getState().currentCount})
+    })
+  }
+
   render() {
     const {
       props,
diff --git a/src/components/CounterButton.js b/src/components/CounterButton.js
index 96eaa08..c2a7ad6 100644
--- a/src/components/CounterButton.js
+++ b/src/components/CounterButton.js
@@ -1,16 +1,17 @@
 import React from 'react';
+import store from '../store';
 
 function CounterButton(props) {
   return (
       <div>
         <button onClick={
           ()=>{
-            
+            store.dispatch({type:"INCREASE_COUNTER"})
           }
         }>Increase Counter By One</button>
         <button onClick={
           ()=>{
-           
+            store.dispatch({type:"DECREASE_COUNTER"})
           }
         }>Decrease Counter By One</button>
       </div>
diff --git a/src/components/CurrentCity.js b/src/components/CurrentCity.js
index a073d8e..7ce8c3d 100644
--- a/src/components/CurrentCity.js
+++ b/src/components/CurrentCity.js
@@ -1,10 +1,17 @@
 import React from 'react';
+import store from '../store';
 
 class CurrentCity extends React.Component {
   state={
     text:""
   }
 
+  componentDidMount() {
+    store.subscribe(()=> {
+      this.setState({text: store.getState().currentCity})
+    })
+  }
+
   render() {
     const {
       props,
diff --git a/src/components/Modal.js b/src/components/Modal.js
index 1789040..545320a 100644
--- a/src/components/Modal.js
+++ b/src/components/Modal.js
@@ -1,10 +1,18 @@
 import React from 'react';
 import Modal from 'react-modal';
+import store from '../store'
 
 class LoadingModal extends React.Component {
   state={
     isLoading:false
   }
+
+  componentDidMount() {
+    store.subscribe(()=> {
+      this.setState({isLoading: store.getState().isLoading})
+    });
+  }
+
   render() {
     const {
       props,
@@ -18,7 +26,7 @@ class LoadingModal extends React.Component {
       >
         <button onClick={
           ()=>{
-           
+            store.dispatch({type:"SET_IS_LOADING", value: false})
           }
           }>close</button>
         <div>Loading .......</div>
diff --git a/src/components/ScaleVideo.js b/src/components/ScaleVideo.js
index 803b257..4abb5a8 100644
--- a/src/components/ScaleVideo.js
+++ b/src/components/ScaleVideo.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 function ScaleVideo(props) {
   return (
@@ -6,7 +7,7 @@ function ScaleVideo(props) {
         Scale Video: <input
         onChange={
           (e)=>{
-            
+            store.dispatch({type:"SET_VIDEO_SCALE", value: e.target.value})
           }
         }
          type="range" min="1" max="10" step="1" />
diff --git a/src/components/SearchTextBox.js b/src/components/SearchTextBox.js
index 43f3416..80ef822 100644
--- a/src/components/SearchTextBox.js
+++ b/src/components/SearchTextBox.js
@@ -1,11 +1,12 @@
 import React from 'react';
+import store from '../store';
 
 function SearchTextBox(props) {
   return (
       <div>
         Search Users on First Name:
         <input onChange={(e)=>{
-           
+          store.dispatch({type:"SET_SEARCH_TEXT", value: e.target.value})
         }} />
       </div>
   );
diff --git a/src/components/ShowModal.js b/src/components/ShowModal.js
index 1e73950..fc16399 100644
--- a/src/components/ShowModal.js
+++ b/src/components/ShowModal.js
@@ -1,11 +1,12 @@
 import React from 'react';
+import store from '../store';
 
 function ShowModal(props) {
   return (
       <div>
         <button onClick={
           ()=>{
-            
+            store.dispatch({type:"SET_IS_LOADING", value:true})
           }
         }>Show Modal</button>
 
diff --git a/src/components/SortUsers.js b/src/components/SortUsers.js
index fd6cb04..429f776 100644
--- a/src/components/SortUsers.js
+++ b/src/components/SortUsers.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 function SortUsers(props) {
   return (
@@ -6,7 +7,7 @@ function SortUsers(props) {
         Sort Users On: 
         <select onChange={
           (e)=>{
-           
+            store.dispatch({type:"SET_CURRENT_USER_SORT", value: e.target.value})
           }
         }>
           <option value="first_name">First Name</option>
diff --git a/src/components/SpecialText.js b/src/components/SpecialText.js
index 7d3b5e9..95dcfa1 100644
--- a/src/components/SpecialText.js
+++ b/src/components/SpecialText.js
@@ -1,7 +1,13 @@
 import React from 'react';
+import store from '../store';
 
 class SpecialText extends React.Component {
   state={text:""}
+  componentDidMount() {
+    store.subscribe(()=> {
+      this.setState({text:store.getState().specialText})
+    })
+  }
   render() {
     const {
       props,
diff --git a/src/components/SpecialTextBox.js b/src/components/SpecialTextBox.js
index 63cb01f..c5e6522 100644
--- a/src/components/SpecialTextBox.js
+++ b/src/components/SpecialTextBox.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 
 function SpecialTextBox(props) {
@@ -6,7 +7,7 @@ function SpecialTextBox(props) {
       <div>
         Enter Special Text:
         <input onChange={(e)=>{
-            
+            store.dispatch({type:"SET_SPECIAL_TEXT", value:e.target.value})
         }} />
       </div>
   );
diff --git a/src/components/Thermostat.js b/src/components/Thermostat.js
index 2e43fbe..c1d54a5 100644
--- a/src/components/Thermostat.js
+++ b/src/components/Thermostat.js
@@ -1,9 +1,14 @@
 import React from "react";
 import DonutChart from "./ignore/DonutChart";
+import store from '../store';
 
 class Thermostat extends React.Component {
   state={temp:""}
-
+  componentDidMount() {
+    store.subscribe(()=> {
+      this.setState({temp: store.getState().currentTemp})
+    });
+  }
   render() {
     const {
       props,
diff --git a/src/components/UserButtons.js b/src/components/UserButtons.js
index f857369..bfdbafd 100644
--- a/src/components/UserButtons.js
+++ b/src/components/UserButtons.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 function UserButtons(props) {
   return (
@@ -13,12 +14,12 @@ function UserButtons(props) {
                 "occupation": "father",
                 "avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg"
               };
-            
+            store.dispatch({type:"ADD_USER", value:user})
           }
         }>Add User</button>
         <button onClick={
           ()=>{
-           
+            store.dispatch({type:"REMOVE_USER", value:[]})
           }
         }>Remove User</button>
       </div>
diff --git a/src/components/Users.js b/src/components/Users.js
index 79bfbef..51aa4bf 100644
--- a/src/components/Users.js
+++ b/src/components/Users.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 class Users extends React.Component {
  
@@ -8,6 +9,15 @@ class Users extends React.Component {
     firstNameFilter:""
   }
 
+  componentDidMount() {
+    this.setState({users: store.getState().users})
+    store.subscribe(()=>{
+      this.setState({users: store.getState().users});
+      this.setState({firstNameFilter: store.getState().searchText});
+      this.setState({sortOn: store.getState().currentUserSort})
+    })
+  }
+
   render() {
     let {users,sortOn,firstNameFilter} = this.state;
     var usersDivs = null;
diff --git a/src/components/VideoPlayer.js b/src/components/VideoPlayer.js
index f4fc08b..aaf6b10 100644
--- a/src/components/VideoPlayer.js
+++ b/src/components/VideoPlayer.js
@@ -1,8 +1,18 @@
 import React from 'react';
+import store from '../store';
 
 class VideoPlayer extends React.Component {
   state={scale:0,URL:""}
 
+  componentDidMount() {
+    store.subscribe(()=>{
+      this.setState({
+        URL: store.getState().videoURL,
+        scale: store.getState().videoScale
+      })
+    })
+  }
+
   render() {
     const {
       props,
diff --git a/src/components/VideoTextBox.js b/src/components/VideoTextBox.js
index 62cb230..6e51c44 100644
--- a/src/components/VideoTextBox.js
+++ b/src/components/VideoTextBox.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import store from '../store';
 
 function VideoTextBox(props) {
   return (
@@ -6,7 +7,7 @@ function VideoTextBox(props) {
         Enter URL of YouTube video
         <input 
       onChange={(e)=>{
-       
+        store.dispatch({type:"SET_VIDEO_URL", value: e.target.value})
       }}
       type="text" />
 
diff --git a/src/reducers/index.js b/src/reducers/index.js
index e4e85c8..da234ab 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -2,25 +2,27 @@ import { combineReducers } from 'redux'
 
 function currentCount(state=0, action){
   if(action.type === "INCREASE_COUNTER"){
-
+    return state + 1
   }
   if(action.type === "DECREASE_COUNTER"){
-    
+    return state - 1
   }
   return state;
 }   
 
 function users(state =[], action){
   if(action.type === "ADD_USER"){
-
+    return [...state, action.value]
   }
   if(action.type === "REMOVE_USER"){
-    
+    return state.slice(1)
+  }
+  if(action.type === "LOAD_USERS"){
+    return action.value;
   }
   return state;
 }
 
-
 function specialText(state = "", action){
   if(action.type === "SET_SPECIAL_TEXT"){
     return action.value;
@@ -28,8 +30,64 @@ function specialText(state = "", action){
   return state;
 }
 
+function currentCity(state = "", action) {
+  if(action.type === "SET_CURRENT_CITY") {
+    return action.value
+  }
+  return state;
+}
+
+function searchText(state = "", action) {
+  if(action.type === "SET_SEARCH_TEXT") {
+    return action.value
+  }
+  return state;
+}
+
+function currentTemp(state = 0, action) {
+  if(action.type === "SET_TEMP") {
+    return action.value
+  }
+  return state;
+}
+
+function isLoading(state = false , action) {
+  if(action.type === "SET_IS_LOADING") {
+    return action.value
+  }
+  return state;
+}
+
+function videoURL(state = "", action) {
+  if(action.type === "SET_VIDEO_URL") {
+    return action.value
+  }
+  return state;
+}
+
+function currentUserSort(state = "", action) {
+  if(action.type === "SET_CURRENT_USER_SORT") {
+    return action.value
+  }
+  return state;
+}
+
+function videoScale(state = 1, action) {
+  if(action.type === "SET_VIDEO_SCALE") {
+    return action.value
+  }
+  return state;
+}
+
 export default combineReducers({
   currentCount,
   users,
-  specialText
+  specialText,
+  currentCity,
+  searchText,
+  currentTemp,
+  isLoading,
+  videoURL,
+  currentUserSort,
+  videoScale
 })
\ No newline at end of file