diff --git a/index.html b/index.html
index c69204f..8050809 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,17 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width">
-    <title>Astronauts</title>
-    <link href="style.css" rel="stylesheet" type="text/css" />
-  </head>
-  <body>
-    <script src="script.js"></script>
-    <h1>Astronauts</h1>
-    <div id="container">
-        <!-- List of astronauts will be added here dynamically -->
-    </div>
-  </body>
-</html>
\ No newline at end of file
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Astronauts</title>
+  <link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+<script src="script.js"></script>
+<h1>Astronauts</h1>
+<h2 id="count"></h2>
+<div id="container">
+  <!-- List of astronauts will be added here dynamically -->
+</div>
+</body>
+</html>
diff --git a/script.js b/script.js
index 9417030..65f5593 100644
--- a/script.js
+++ b/script.js
@@ -1 +1,32 @@
-// TODO: add code here
\ No newline at end of file
+// TODO: add code here
+window.addEventListener("load",function(){
+    fetch("https://handlers.education.launchcode.org/static/astronauts.json").then(function(response){
+    console.log(response)
+    response.json().then(function(json){
+        console.log(json);
+        let astronauts = "";
+        let counter = 0;
+        let container = document.getElementById("container");
+        for(astronaut of json){
+            console.log(astronaut);
+            astronauts +=`<div class="astronaut">
+            <div class="bio">
+               <h3>${astronaut.firstName} ${astronaut.lastName}</h3>
+               <ul>
+                  <li>Hours in space: ${astronaut.hoursInSpace}</li>
+                  <li>Active: ${astronaut.active}</li>
+                  <li>Skills:${astronaut.skills}</li>
+                  <li>Skills:${astronaut.skills.join(', ')}</li>
+               </ul>
+            </div>
+            <img class="avatar" src="${astronaut.picture}">
+         </div>`
+         counter++
+        }
+        let count = document.getElementById("count");
+        count.innerHTML = `<h3>Count: ${counter}</h3>`
+        container.innerHTML = astronauts;
+    })
+
+    })
+})
