diff --git a/package.json b/package.json
index f6c26e7..72bc3fc 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "react": "16.3.2",
     "react-dom": "16.3.2",
     "react-redux": "5.0.7",
-    "redux": "4.0.0"
+    "redux": "4.0.0",
+    "youtube-api-search": "0.0.5"
   }
 }
diff --git a/src/components/search_bar.js b/src/components/search_bar.js
index e69de29..b8849ce 100644
--- a/src/components/search_bar.js
+++ b/src/components/search_bar.js
@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+
+class SearchBar extends Component {
+  render() {
+    return <input />;
+  }
+}
+
+// Export file (import in another file)
+export default SearchBar;
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index d02f66c..70c8ac2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,10 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import SearchBar from './components/search_bar';
+
+// Variable to hold the API key
+const API_KEY = 'AIzaSyCV3vu9eXY75w23VFYZOAp1V5Rqk4gTD5E';
 
 // Create a new component. This component should produce
 // some HTML
 const App = () => {
-  return <div>Hi!</div>;
+  return (
+    <div>
+      <SearchBar />
+    </div>
+  );
 }
 
 // App = function() similar to App = () =>