project-github-tracker

README.md

@@ -1,13 +1,11 @@
 # GitHub Tracker
 
-Replace this readme with your own information about your project.
-
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+This week the project was to fetch information from Github about my repositories and pull requests and display the information on a page. We were also supposed to compare data in a chart.
 
 ## The problem
 
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+I had trouble with fetching the amount of commits from the pull requests. I used my team for help and also analyzed other students code to solve it. I also had a problem with planning this project because I found it hard to understand what the end product was going to be. If I had more time I would have tried to accomplish the red and black levels.
 
 ## View it live
 
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
+https://ecstatic-ptolemy-db0375.netlify.app/

code/chart.js

@@ -2,3 +2,54 @@
 const ctx = document.getElementById('chart').getContext('2d')
 
 //"Draw" the chart here 👇
+
+const callingChart = (amountOfRepos) => {
+
+
+const labels = [
+    'Projects done',
+    'Projects left to do'
+  ];
+
+  const data = {
+    labels: labels,
+    datasets: [{
+      label: 'Technigo Projects',
+      backgroundColor: ['rgb(82, 183, 136)', 'rgb(0, 108, 117)'],
+      borderColor: 'rgb(255, 99, 132)',
+      data: [amountOfRepos, 19-amountOfRepos],
+    }]
+  };
+
+  const config = {
+    type: 'bar',
+    data: data,
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      indexAxis: 'y',
+      scales: {
+        x: {
+          suggestedMin: 0,
+          suggestedMax: 19,
+          stacked: true,
+          grid: {
+            display: true,
+          },
+        },
+        y: {
+          stacked: true,
+          grid: {
+            display: true,
+          }
+        }
+      }
+    }
+  };
+
+  const myChart = new Chart(
+    document.getElementById('chart'),
+    config
+  );
+
+}