diff --git a/src/components/FinalPoem.js b/src/components/FinalPoem.js
index d516184e..29db47cd 100644
--- a/src/components/FinalPoem.js
+++ b/src/components/FinalPoem.js
@@ -2,17 +2,29 @@ import React from 'react';
 import './FinalPoem.css';
 
 const FinalPoem = (props) => {
+  const showPoemButton =  
+    <div className="FinalPoem__reveal-btn-container">
+      <input type="button" 
+      value="We are finished: Reveal the Poem" 
+      className="FinalPoem__reveal-btn" 
+      onClick={props.showFinalPoem}
+    />
+    </div>
+    const allVerses = props.poem.map((verse, i) => {
+      return <p key={i}>{verse}</p>
+    });
 
-  return (
-    <div className="FinalPoem">
-      <section className="FinalPoem__poem">
-        <h3>Final Poem</h3>
-
+    const finalPoem = 
+    <section className="FinalPoem__poem">
+      <h3>Final Poem</h3>
+      {allVerses}
       </section>
-
-      <div className="FinalPoem__reveal-btn-container">
-        <input type="button" value="We are finished: Reveal the Poem" className="FinalPoem__reveal-btn" />
-      </div>
+    
+    const displayFinalPoem = props.showPoem ? finalPoem : showPoemButton;
+  
+    return (
+    <div className="FinalPoem">      
+      { displayFinalPoem } 
     </div>
   );
 }
diff --git a/src/components/Game.js b/src/components/Game.js
index e99f985a..6f79bd95 100644
--- a/src/components/Game.js
+++ b/src/components/Game.js
@@ -8,11 +8,33 @@ class Game extends Component {
 
   constructor(props) {
     super(props);
+
+     this.state = {
+      poem: [],
+      showPoem: false,
+     };
   }
 
+
+  // Changes state and adds the new verse to the peom array.
+  addSubmission = (verse) => {
+    let newVerse = this.state.poem;
+
+    newVerse.push(verse);
+    this.setState({
+      poem: newVerse, 
+    });
+  } 
+
+  showFinalPoem = (event) => {
+    event.preventDefault();
+    this.setState({
+      showPoem: true
+    })
+  }
   render() {
 
-    const exampleFormat = FIELDS.map((field) => {
+    const exampleFormat = SUBMISSIONS.map((field) => {
       if (field.key) {
         return field.placeholder;
       } else {
@@ -32,18 +54,24 @@ class Game extends Component {
           { exampleFormat }
         </p>
 
-        <RecentSubmission />
+        <RecentSubmission lastVerse={this.state.poem[this.state.poem.length - 1]} />
 
-        <PlayerSubmissionForm />
+        <PlayerSubmissionForm 
+        addSubmissionCallback={this.addSubmission}
+        player={this.state.poem.length}/>
 
-        <FinalPoem />
+        <FinalPoem 
+        showPoem={this.state.showPoem}
+        poem={this.state.poem}
+        showFinalPoem={this.state.showFinalPoem}
+        />
 
       </div>
     );
   }
 }
 
-const FIELDS = [
+const SUBMISSIONS = [
   "The",
   {
     key: 'adj1',
diff --git a/src/components/PlayerSubmissionForm.js b/src/components/PlayerSubmissionForm.js
index 1de05095..c0ed3b4b 100644
--- a/src/components/PlayerSubmissionForm.js
+++ b/src/components/PlayerSubmissionForm.js
@@ -5,25 +5,122 @@ class PlayerSubmissionForm extends Component {
 
   constructor(props) {
     super(props);
+
+    this.state = {
+      adj1: '',
+      noun1: '',
+      adv: '',
+      verb: '',
+      adj2: '',
+      noun2: '',
+    };
+  }
+  // all fields need at least one character
+  validations = {
+    adj1: /.+/,
+    noun1: /.+/,
+    adv: /.+/,
+    verb: /.+/,
+    adj2: /.+/,
+    noun2: /.+/,
+  }
+
+  fieldValid = (fieldName) => {
+    return this.validations[fieldName].test(this.state[fieldName]);
+  }
+
+  onChangeHandler = (event) => {
+   
+    const field = {}
+    field[event.target.name] = event.target.value
+    this.setState(field)
   }
 
+
+  handleSubmit = (event) => {
+    event.preventDefault();
+    let allFieldsValid = true;
+
+    Object.keys(this.validations).forEach((fieldName) => {
+      if (!this.fieldValid(fieldName)) {
+        allFieldsValid = false;
+      }
+    })
+
+    if (allFieldsValid) {
+      this.props.addSubmissionCallback({
+        adj1: this.state.adj1,
+        noun1: this.state.noun1,
+        adv: this.state.adverb,
+        verb: this.state.verb,
+        adj2: this.state.adj2,
+        noun2: this.state.noun2,
+      })
+      this.setState({
+        adj1: '',
+        noun1: '',
+        adv: '',
+        verb: '',
+        adj2: '',
+        noun2: '',
+      })
+    }
+  }
   render() {
 
     return (
       <div className="PlayerSubmissionForm">
-        <h3>Player Submission Form for Player #{  }</h3>
+        <h3>Player Submission Form for Player #{ this.props.player + 1 }</h3>
 
-        <form className="PlayerSubmissionForm__form" >
+        <form className="PlayerSubmissionForm__form" onSubmit={this.handleSubmit}>
 
           <div className="PlayerSubmissionForm__poem-inputs">
+            <p>The</p>
+            <input
+              name="adj1" 
+              onChange={this.onChangeHandler} 
+              value={this.state.adj1}
+              placeholder="adjective"
+              type="text" />
 
-            {
-              // Put your form inputs here... We've put in one below as an example
-            }
             <input
-              placeholder="hm..."
+              name="noun1" 
+              onChange={this.onChangeHandler} 
+              value={this.state.noun1}
+              placeholder="noun"
               type="text" />
+          
+            <input
+              name="adv" 
+              onChange={this.onChangeHandler} 
+              value={this.state.adv}
+              placeholder="adverb"
+              type="text" />
+
+            <input
+              name="verb" 
+              onChange={this.onChangeHandler} 
+              value={this.state.verb}
+              placeholder="verb"
+              type="text" />
+
+            <p>the</p>
 
+            <input
+              name="adj2" 
+              onChange={this.onChangeHandler} 
+              value={this.state.adj2}
+              placeholder="adjective"
+              type="text" />
+
+            <input
+              name="noun2" 
+              onChange={this.onChangeHandler} 
+              value={this.state.noun2}
+              placeholder="noun"
+              type="text" />
+            
+            <p>.</p>
           </div>
 
           <div className="PlayerSubmissionForm__submit">
diff --git a/src/components/RecentSubmission.js b/src/components/RecentSubmission.js
index 663da34b..419933b4 100644
--- a/src/components/RecentSubmission.js
+++ b/src/components/RecentSubmission.js
@@ -2,12 +2,16 @@ import React from 'react';
 import './RecentSubmission.css';
 
 const RecentSubmission = (props) => {
+  if (props.lastVerse) {
   return (
     <div className="RecentSubmission">
       <h3>The Most Recent Submission</h3>
-      <p className="RecentSubmission__submission">{  }</p>
+      <p className="RecentSubmission__submission">The {props.lastVerse.adj1} {props.lastVerse.noun1} {props.lastVerse.adv} {props.lastVerse.verb} the {props.lastVerse.adj2} {props.lastVerse.noun2}.</p>
     </div>
   );
+} else {
+  return null
+}
 }
 
 export default RecentSubmission;