Technigo
diff --git a/‎code/chart.js‎
Lines changed: 27 additions & 0 deletions b/‎code/chart.js‎
Lines changed: 27 additions & 0 deletions
diff --git a/‎code/index.html‎
Lines changed: 1 addition & 0 deletions b/‎code/index.html‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎code/script.js‎
Lines changed: 27 additions & 0 deletions b/‎code/script.js‎
Lines changed: 27 additions & 0 deletions
diff --git a/‎fromLesson.js‎
Lines changed: 19 additions & 0 deletions b/‎fromLesson.js‎
Lines changed: 19 additions & 0 deletions
@@ -2,3 +2,30 @@
 const ctx = document.getElementById('chart').getContext('2d')
 
 //"Draw" the chart here 👇
+const drawChart = (amount) => {
+
+
+const config = {
+    type: 'doughnut',
+    data: {
+    labels: [
+      'Finished projects',
+      'Upcoming projects',
+      'Yellow'
+    ],
+    datasets: [{
+      label: 'My First Dataset',
+      data: [amount, 19-amount],
+      backgroundColor: [
+        'rgb(255, 99, 132)',
+        'rgb(54, 162, 235)',
+        'rgb(255, 205, 86)'
+      ],
+      hoverOffset: 4
+    }]
+  },
+};
+
+
+const projectsChart = new Chart(ctx, config);
+} 
@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Project GitHub Tracker</title>
   <link rel="stylesheet" href="./style.css" />
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 </head>
 <body>
   <h1>GitHub Tracker</h1>
 
@@ -0,0 +1,27 @@
+const USER = 'hejmaria'
+const REPOS_URL = `http://api.github.com/users/${USER}/repos`
+
+const projectContainer = document.getElementById('projects')
+
+
+
+const getRepos = () => {
+    fetch(REPOS_URL)
+    .then(res => res.json())
+    .then(data => {
+    console.log('The data', data)
+    data.forEach (repo => console.log(repo.name))
+        const forkedRepos = data.filter(repo => repo.fork && repo.name.startsWith('project-'))
+        forkedRepos.forEach(repo => console.log(repo.name))
+        
+        forkedRepos.forEach(repo => projectContainer.innerHTML += `<h3>${repo.name}</h3>`)
+        
+        //make into a div or something to style them
+        drawChart(forkedRepos.length)
+    });
+
+}
+
+getRepos();
+
+//const drawChart = (amoun
@@ -0,0 +1,19 @@
+const USER = 'hejmaria'
+const REPOS_URL = `http://api.github.com/users/${USER}/repos`
+
+const getRepos = () => {
+    fetch (REPOS_URL)
+    .then (res => res.json())
+    .then(data => {
+    console.log(data)
+    //data.forEach (repo => console.log(repo.name))
+        const forkedRepos = data.fillter(repo => repo.fork && repo.name.startsWith('procet-'))
+        forkedRepos.forEach(repo => console.log(repo.name))
+        forkedRepos.forEach(repo => projectsContainer.inneHTML += `<h3>${repo.name}</h3>`)
+        //make into a div or something to style them
+        drawChart(forkedRepos.length)
+    });
+
+}
+
+const drawChart = (amount) =>