diff --git a/08week/fetch/APi.html b/08week/fetch/APi.html
new file mode 100644
index 000000000..5e01c79bb
--- /dev/null
+++ b/08week/fetch/APi.html
@@ -0,0 +1,17 @@
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+		<title>Fetch Address Book</title>
+	</head>
+	<body>
+		<div id="container">
+			<button onclick="getAPI()">Get API</button>
+			<div></div>
+			<h3>All Posts</h3>
+			<ul id="all-posts"></ul>
+		</div>
+		<script src="./apiAddress.js"></script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/08week/fetch/apiAddress.js b/08week/fetch/apiAddress.js
new file mode 100644
index 000000000..a00088893
--- /dev/null
+++ b/08week/fetch/apiAddress.js
@@ -0,0 +1,26 @@
+"use strict";
+
+function catchError(result) {
+	if (!result.ok) {
+		throw Error(result.message);
+	}
+	return result;
+}
+function getAPI() {
+	fetch("https://randomuser.me/api/?results=500")
+		.then(result => result.json())
+		.then(data => {
+			let output = `<h2>Friends</h2>`;
+			data.results.forEach(function(user) {
+				output += `
+          <img src = "${user.picture.medium}" alt = "faces">
+              <ul>
+                  <li>${user.name.first} ${user.name.last}</li>
+                  <li>${user.location.city}, ${user.location.state}</li>
+                  <li>${user.email}</li>
+              </ul>
+          `;
+			});
+			document.getElementById("container").innerHTML = output;
+		});
+}
diff --git a/08week/fetch/index.html b/08week/fetch/index.html
deleted file mode 100644
index 6417d858f..000000000
--- a/08week/fetch/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Fetch</title>
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
-  <link rel="stylesheet" href="style.css" />
-</head>
-<body>
-  <div id="fetch"></div>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.23.1/babel.min.js"></script>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.0/react.js"></script>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.0/react-dom.js"></script>
-  <script type="text/babel" src="./script.js"></script>
-</body>
-</html>
diff --git a/08week/fetch/script.js b/08week/fetch/script.js
deleted file mode 100644
index ad9a93a7c..000000000
--- a/08week/fetch/script.js
+++ /dev/null
@@ -1 +0,0 @@
-'use strict';
