done

.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

src/components/MovieHeader.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-
+import { connect } from 'react-redux';
 const MovieHeader = (props) => {
     const appTitle = "";
     const displayFavorites = true;
@@ -18,5 +18,11 @@ const MovieHeader = (props) => {
         </div>
     </div>);
 }
+const mapStateToProps = (state) => {
+    return {
+        appTitle: state.appTitle
+
+    }
+}
 
-export default MovieHeader;
+export default connect(mapStateToProps, {})(MovieHeader);

src/components/MovieList.js

@@ -1,9 +1,9 @@
 import React from 'react';
-
+import { connect } from 'react-redux';
 import MovieListItem from './MovieListItem';
 import MovieFooter from './MovieFooter';
 
-const MovieList = (props)=> {
+const MovieList = props => {
     const movies = [];
 
     return (
@@ -30,5 +30,10 @@ const MovieList = (props)=> {
         </div>
     );
 }
+const mapStateToProps = state =>{
+    return {
+        movies: state.movies
+    }
+}
 
-export default MovieList;
+export default connect(mapStateToProps, {})(MovieList);

src/index.js

@@ -9,9 +9,13 @@ import App from './App'
 import { BrowserRouter as Router } from 'react-router-dom';
 import './index.css';
 
+const store = createStore(reducer);
+
 ReactDOM.render(
-  <Router>
-      <App />
-  </Router>,
+  <Provider store={store}>
+    <Router>
+        <App />
+    </Router>
+  </Provider>,
   document.getElementById('root')
 );

src/reducers/movieReducer.js

@@ -6,7 +6,7 @@ const initialState = {
     appTitle: "IMDB Movie Database"
 }
 
-const reducer = (state, action) => {
+const reducer = (state = initialState, action) => {
     switch(action.type) {
         case DELETE_MOVIE:
             return {