diff --git a/README.md b/README.md
index a9a4cc6..d051696 100644
--- a/README.md
+++ b/README.md
@@ -15,8 +15,24 @@
- 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...
-```
+
+https://justinjoshi.github.io/simple-api-bootcamp/
+
+cat
+
+press button, get cat.
+
+
+Tech used: HTML, CSS, JavaScript
+
+I used a simple fetch request to get cat
+
+Optimizations
+
+shoulda put more cat tbh
+
+Lessons Learned:
+i learned that i love putting cats into the dom. its very fun to watch them be silly
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6c31f8d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
new file mode 100644
index 0000000..36049e1
--- /dev/null
+++ b/js/main.js
@@ -0,0 +1,35 @@
+document.querySelector('#first').addEventListener('click', getData)
+document.querySelector('#second').addEventListener('click', getData1)
+
+async function getData() {
+ const url = "https://api.thecatapi.com/v1/images/search";
+ 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 += `
`
+ } catch (error) {
+ console.error(error.message);
+ }
+}
+
+async function getData1(e) {
+ const url = "https://api.thecatapi.com/v1/images/search?limit=10";
+ try {
+ const response = await fetch(url);
+ if (!response.ok) {
+ throw new Error(`Response status: ${response.status}`);
+ }
+
+ const result = await response.json();
+ result.forEach((x, i) => {
+ document.querySelector('div').innerHTML += `
`
+ console.log('hi')
+ })
+ } catch (error) {
+ console.error(error.message);
+ }
+}
\ No newline at end of file