Resilient-Labs · JustinJoshi · Oct 5, 2025 · Oct 7, 2025
diff --git a/README.md b/README.md
@@ -14,9 +14,29 @@
   - (1 to 5 no 3) I feel good about my code
   - Anything specific on which you want feedback!
 
-Example:
-```
+
+
 I completed the challenge: 5
 I feel good about my code: 4
-I'm not sure if my constructors are setup cleanly...
-```
+
+Get doggy
+
+press button, get doggie!
+
+https://justinjoshi.github.io/simple-api2-bootcamp/
+
+Tech used: HTML, CSS, JavaScript
+
+I used a simple fetch request to get doggy!
+
+Optimizations
+
+I would get more doggy
+
+...
+
+(actually, i would style it a little bit)
+
+Lessons Learned:
+
+I learned how to get doggy through doggie api. 
diff --git a/css/style.css b/css/style.css
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <button id="first">I love dogs</button>
+    <div></div>
+    <script src="js/main.js"></script>
+</body>
+</html>
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,18 @@
+document.querySelector('#first').addEventListener('click', getData)
+
+
+async function getData() {
+  const url = "https://dog.ceo/api/breeds/image/random";
+  try {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`Response status: ${response.status}`);
+    }
+
+    const result = await response.json();
+
+    document.querySelector('div').innerHTML += `<img src=${result.message}>`
+  } catch (error) {
+    console.error(error.message);
+  }
+}