diff --git a/js/components/app.js b/js/components/app.js
index ad06c8e..99c3f6a 100644
--- a/js/components/app.js
+++ b/js/components/app.js
@@ -1,11 +1,12 @@
 import React from 'react';
 import CommentsList from './CommentsList.js';
+import CommentsForm from './CommentsForm.js';
 
 class App extends React.Component {
     render() {
         return <section>
             <CommentsList/>
-            <p>Oh hai</p>
+            <CommentsForm/>
         </section>
     }
 }
diff --git a/js/components/commentsForm.js b/js/components/commentsForm.js
new file mode 100644
index 0000000..d30d784
--- /dev/null
+++ b/js/components/commentsForm.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+class CommentsForm extends React.Component {
+    render() {
+        return <form>
+            <input type="text" placeholder="value"/>
+            <input type="submit" value="Create Todo"/>
+        </form>
+    }
+}
+
+export default CommentsForm;