nicholasess · September 21, 2018 14:49 · Sep 21, 2018
diff --git a/app.js b/app.js
@@ -0,0 +1,34 @@
+import React, { Component } from 'react'
+import './ListRepos.css'
+class ListRepos extends Component {
+ state = {
+   repos: []
+ }
+
+ componentDidMount() {
+   fetch('https://api.github.com/users/udacity/repos')
+     .then(results => {
+       return results.json()
+     })
+     .then(data =>
+       this.setState({
+         repos: data
+       })
+     )
+ }
+
+ render() {
+   return (
+     <div>
+       {this.state.repos.map(repo => (
+         <div key={repo.id}>
+           <div className="title">{repo.name}</div>
+           <div className="sub-title">{repo.language}</div>
+         </div>
+       ))}
+     </div>
+   )
+ }
+}
+
+export default ListRepos