fetched all repositories

mathildakarlsson · mathildakarlsson · commit c607987b360e · 2022-02-26T14:02:44.000+01:00
diff --git a/code/index.html b/code/index.html
@@ -4,18 +4,23 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Project GitHub Tracker</title>
+  <title>GitHub Tracker</title>
   <link rel="stylesheet" href="./style.css" />
 </head>
+
 <body>
   <h1>GitHub Tracker</h1>
   <h2>Projects:</h2>
-  <main id="projects"></main>
+  <main id="projects">
+    <div id="container" class="container">
+    </div>
+  </main>
 
   <!-- This will be used to draw the chart 👇 -->
   <canvas id="chart"></canvas>
 
   <script src="./script.js"></script>
   <script src="./chart.js"></script>
 </body>
+
 </html>
diff --git a/code/script.js b/code/script.js
@@ -0,0 +1,33 @@
+const username = 'mathildakarlsson'
+let reponame = ''
+
+
+//Fetch 1
+const API_URL = `https://api.github.com/users/${username}/repos`
+
+fetch(API_URL)
+.then(res => res.json())
+.then(data => {
+    console.log(data)
+    reponame = data[3].name
+
+    data.forEach(repo => {
+        document.getElementById('container').innerHTML += `
+          <div class="repo">
+            <h4>${repo.name}</h4>
+          </div>
+      `
+    })
+    
+
+
+
+//Fetch 2
+    const API_URL_PR = `https://api.github.com/repos/Technigo/${reponame}/pulls`
+        
+    fetch(API_URL_PR)
+        .then(res => res.json())
+        .then(data => {
+            console.log(data)
+        })
+    })
diff --git a/code/style.css b/code/style.css
@@ -1,3 +1,8 @@
 body {
   background: #FFECE9;
+}
+
+.container {
+  display: grid;
+  grid-template-columns: 2fr(1);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,8 @@`
`1`	`1`	`body {`
`2`	`2`	`background: #FFECE9;`
	`3`	`+}`
	`4`	`+`
	`5`	`+.container {`
	`6`	`+ display: grid;`
	`7`	`+ grid-template-columns: 2fr(1);`
`3`	`8`	`}`