Link components

app/App.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import Main from "./components/main.js";
 
 const appRoot = document.getElementById('app');
-const App = (props) => <p>Hello World</p>;
+// const App = (props) => <p>Here is where the container goes</p>;
 
-ReactDOM.render(<App/>, appRoot);
+ReactDOM.render(<Main/>, appRoot);

app/components/follower-repo.js

@@ -0,0 +1 @@
+// here is where the elements that show number of followers and repos goes

app/components/index.js

@@ -0,0 +1 @@
+//client js to make api calls

app/components/listContainer.js

@@ -0,0 +1,15 @@
+import React, { Component } from "react";
+import ListItem from './listItem';
+
+
+
+  const Profiles = (props) => {
+    return (
+      <div>
+        <ListItem />
+      </div>
+    )
+  }
+
+
+export default Profiles;

app/components/listItem.js

@@ -0,0 +1,11 @@
+import React from "react";
+
+const ListItem = () => {
+  // Rendering an li tag with props.children between the tags (grocery text)
+  return (
+      <h1>whatever im a profile thing</h1>
+  );
+};
+
+// Exporting this component as the default (only) export
+export default ListItem;

app/components/main.js

@@ -0,0 +1,28 @@
+// Include React
+import React, { Component } from "react";
+import ListContainer from './ListContainer';
+
+
+// here is where the header and input box go
+class Main extends Component {
+  constructor() {
+    super();
+    this.state = {
+      // put the values returned by the input box here;
+    };
+    // We need to bind our handleInput method to our component with this syntax in the constructor since we'll be passing it to child components
+    // this.handleInput = this.handleInput.bind(this);
+  }
+  // handleInput(e){
+  //
+  // }
+  render() {
+    return(
+      <div>
+        <h1>GitHubster</h1>
+        <ListContainer/>
+      </div>
+    );
+  }
+}
+export default Main;

app/components/student.js

@@ -0,0 +1 @@
+// here is where the photo and Name of the student goes