diff --git a/client/app/components/SearchRequest.jsx b/client/app/components/SearchRequest.jsx
new file mode 100644
index 0000000..acd680b
--- /dev/null
+++ b/client/app/components/SearchRequest.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+
+class SearchRequest extends React.Component {
+	constructor(props){
+    super(props)
+    this.state = {
+      searchQuery: ''
+    }
+  }
+
+  _handleKeyPress(e) {
+    if (e.key === 'Enter') {
+      console.log('do validate');
+    }
+  }
+
+  handleChange(event){
+    this.setState({
+      searchQuery: event.target.value
+    })
+    console.log(this.state.searchQuery);
+  }
+
+  render(){
+    return(
+      <div>
+        <input
+          type="text"
+          onKeyPress={this._handleKeyPress}
+          onChange={this.handleChange.bind(this)}
+          defaultValue={this.state.searchItem}
+          />
+
+      </div>
+    )
+  }
+
+	
+}
+
+export default SearchRequest;
\ No newline at end of file