dallassoftwaredevelopers
diff --git a/Diff for: ‎promisesFun/finished/.gitignore
+3 b/Diff for: ‎promisesFun/finished/.gitignore
+3
diff --git a/Diff for: ‎promisesFun/finished/index.html
+17 b/Diff for: ‎promisesFun/finished/index.html
+17
diff --git a/Diff for: ‎promisesFun/finished/package.json
+12 b/Diff for: ‎promisesFun/finished/package.json
+12
diff --git a/Diff for: ‎promisesFun/finished/scripts.js
+42 b/Diff for: ‎promisesFun/finished/scripts.js
+42
diff --git a/Diff for: ‎promisesFun/finished/styles.css b/Diff for: ‎promisesFun/finished/styles.css
diff --git a/Diff for: ‎promisesFun/start/.gitignore
+3 b/Diff for: ‎promisesFun/start/.gitignore
+3
diff --git a/Diff for: ‎promisesFun/start/index.html
+18 b/Diff for: ‎promisesFun/start/index.html
+18
@@ -0,0 +1,3 @@
+node_modules
+dist
+.cache
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1, initial-scale=1.0">
+  <link rel="stylesheet" href="styles.css">
+  <title>Promieses</title>
+</head>
+
+<body>
+  <h1>Poke Stats</h1>
+  <ul class="pokestats"></ul>
+  <script src="scripts.js"></script>
+</body>
+
+</html>
@@ -0,0 +1,12 @@
+{
+  "name": "promises",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "parcel index.html",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}
@@ -0,0 +1,42 @@
+//fetch data from https://pokeapi.co/
+const listPokeStats = document.querySelector('.pokestats');
+fetch('https://pokeapi.co/api/v2/pokemon/ditto')
+  .then(response => response.json())
+  .then(data => {
+    console.log(data)
+    listPokeStats.innerHTML = data.stats.map(pokestat => `<li>${pokestat.stat.name}: ${pokestat.base_stat}</li>`).join("") //using .join() becuase when we take an array and toString it. It'll join it with commas 
+  })
+  .catch(error => console.log(error));
+
+
+// Async Await
+// function austinIsCool() {
+//   return new Promise(resolve => {
+//     setTimeout(() => {
+//       resolve('I\'m way too cool');
+//     }, 2000);
+//   });
+// }
+
+// async function importantMessage() {
+//   const myMessage = await austinIsCool();
+//   console.log('Message from Austin', myMessage);
+// }
+
+// importantMessage(); 
+
+
+//TODO:
+/*
+  1.) Refactor the fetch call to use async await
+  2.) Buil a better UI to present the data
+  3.) Create a form that calls the api after a user submits a pokemon name
+  4.) Display the pokemon in an image
+  5.) Find an alternative to innerHTML
+
+  Major Bonus
+  1.) Add to the collection on the page everytime a user makes a call
+  2.) Create a delete button that can delete a pokemon from the UI
+  3.) Create a Clear Button
+
+*/
@@ -0,0 +1,3 @@
+node_modules
+dist
+.cache
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1, initial-scale=1.0">
+  <link rel="stylesheet" href="styles.css">
+  <title>Promieses</title>
+</head>
+
+<body>
+  <ul>
+    <li></li>
+  </ul>
+  <script src="scripts.js"></script>
+</body>
+
+</html>