Done

src/components/LatestMovieReviewsContainer.js

@@ -1,9 +1,29 @@
 import React, { Component } from 'react';
 import 'isomorphic-fetch';
 import MovieReviews from './MovieReviews'
+import { render } from 'enzyme';
 
-const NYT_API_KEY = 'your-key-here';
+const NYT_API_KEY = '8ZQNa4f2Wn0pi7TydyxTFiusUj69sPtM';
 const URL = 'https://api.nytimes.com/svc/movies/v2/reviews/all.json?'
             + `api-key=${NYT_API_KEY}`;
 
 // Code LatestMovieReviewsContainer Here
+class LatestMovieReviewsContainer extends Component {
+    state = {movieList: []}
+
+    componentDidMount(){
+        fetch(URL)
+            .then(resp => resp.json())
+            .then(response => this.setState({movieList: response.results}))
+    }
+
+    render() {
+        return(
+            <div className='latest-movie-reviews'>
+            <h2>latest movies!</h2>
+            <MovieReviews reviews={this.state.movieList} />
+            </div>
+        )
+    }
+}
+export default LatestMovieReviewsContainer

src/components/MovieReviews.js

@@ -1 +1,36 @@
 // Code MovieReviews Here
+import React from 'react'
+const Review = ({
+    headline,
+    byline,
+    link,
+    summary_short
+  }) => {
+    return (
+
+      <div
+        key={headline}
+        className="review"
+      >
+        <header>
+          <a
+            className="review-link"
+            href={link.url}
+          >
+            {headline}
+          </a>
+          <br/>
+          <span className="author">{byline}</span>
+        </header>
+        <blockquote>{summary_short}</blockquote>
+      </div>
+    );
+  };
+
+const MovieReviews = ({ reviews }) => <div className="review-list">{reviews.map(Review)}</div>;
+
+  MovieReviews.defaultProps = {
+    reviews: []
+  };
+
+export default MovieReviews

src/components/SearchableMovieReviewsContainer.js

@@ -2,8 +2,38 @@ import React, { Component } from 'react';
 import 'isomorphic-fetch';
 import MovieReviews from './MovieReviews'
 
-const NYT_API_KEY = 'your-key-here';
+const NYT_API_KEY = '8ZQNa4f2Wn0pi7TydyxTFiusUj69sPtM';
 const URL = 'https://api.nytimes.com/svc/movies/v2/reviews/search.json?'
             + `api-key=${NYT_API_KEY}`;
 
 // Code SearchableMovieReviewsContainer Here
+class SearchableMovieReviewsContainer extends Component {
+    state = {moviesList : [], searchTerm: ''}
+
+    render() {
+        return(
+            <div className='searchable-movie-reviews'>
+                <form onSubmit={this.movieSearch}>
+                    <label>search for a specific movie</label>
+                    <input type='text' onChange={this.movieNameInput}></input>
+                    <button type='submit'>submit</button>
+                </form>
+                {typeof this.state.reviews === 'object' &&
+                this.state.reviews.length > 0 && <h2>Movie Review By Search:</h2>}
+                <MovieReviews reviews={this.state.moviesList} />
+            </div>
+        )
+    }
+
+    movieNameInput = (event) => {
+        this.setState({searchTerm: URL + `&query=${event.target.value}`})
+    }
+
+    movieSearch = event => {
+        event.preventDefault()
+        fetch(this.state.searchTerm)
+        .then(res => res.json())
+        .then(results => this.setState({moviesList: results.results}))
+    }
+}
+export default SearchableMovieReviewsContainer