diff --git a/static/index.html b/static/index.html
index 4834a16..5eefd01 100644
--- a/static/index.html
+++ b/static/index.html
@@ -5,10 +5,6 @@
   <body>
     <div id="main">
     </div>
-    Type your source code into here:
-    <textarea class="code-input">
-
-    </textarea>
     <script src="bundle.js"></script>
   </body>
 </html>
diff --git a/static/main.jsx b/static/main.jsx
index fd4b1eb..10fa7ce 100644
--- a/static/main.jsx
+++ b/static/main.jsx
@@ -1,10 +1,37 @@
 const React = require("react");
 const ReactDOM = require("react-dom");
 
+
+class CodeArea extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {value: ""};
+    this.handleChange = this.handleChange.bind(this);
+    this.submit = this.submit.bind(this);
+  }
+
+  handleChange(event) {
+    this.setState({value: event.target.value});
+  }
+
+  submit(event) {
+    console.log("This", this.state.value);
+  }
+
+  render() {
+    return (<div>
+      <textarea value={ this.state.value } onChange={this.handleChange}>
+      </textarea>
+      <button onClick={ this.submit }>Run!</button>
+    </div>);
+  }
+}
+
 const main = (<div>
   <h1>Schala web input</h1>
   <p>Write your source code here</p>
+  <CodeArea/>
 </div>);
 
 const rootDom = document.getElementById("main");
-ReactDOM.render(<h1>Schala web input</h1>, rootDom);
+ReactDOM.render(main, rootDom);
