added chart, gitignore and token

rijad90 · rijad90 · commit 0fa6fdff2f9b · 2022-02-23T14:10:00.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+
+
+
+# other
+code/token.js
+
diff --git a/code/chart.js b/code/chart.js
@@ -2,3 +2,34 @@
 const ctx = document.getElementById('chart').getContext('2d')
 
 //"Draw" the chart here 👇
+
+  const labels = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+  ];
+
+  const data = {
+    labels: labels,
+    datasets: [{
+      label: 'My First dataset',
+      backgroundColor: 'rgb(255, 99, 132)', 
+      borderColor: 'rgb(255, 99, 132)',
+      data: [0, 10, 5, 2, 20, 30, 45],
+    }]
+  };
+
+  const config = {
+    type: 'doughnut',
+    data: data,
+    options: {}
+  };
+
+
+const myChart = new Chart(
+    document.getElementById('chart'),
+    config
+  );
diff --git a/code/index.html b/code/index.html
@@ -7,6 +7,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>
@@ -19,8 +20,10 @@
     <!-- This will be used to draw the chart 👇 -->
     <canvas id="chart"></canvas>
 
-    <script src="./script.js"></script>
+    
+    <script src="./token.js"></script>
     <script src="./chart.js"></script>
+    <script src="./script.js"></script>
   </body>
 
 </html>
diff --git a/code/script.js b/code/script.js
@@ -1,6 +1,20 @@
 //Username
 const username = 'rijad90'
 
+
+const API_TOKEN = TOKEN || process.env.API_KEY;
+
+
+
+//authenticated request
+const options = {
+    method: 'GET', // POST, PATCH, DELETE
+    headers: {
+        Authorization: `token ${API_TOKEN}` //token
+    }
+}
+
+
 //API URL
 const GITHUB_USER_API = `https://api.github.com/users/${username}`
 const GITHUB_REPOS_API = `https://api.github.com/users/${username}/repos`
diff --git a/code/style.css b/code/style.css
@@ -19,4 +19,4 @@ p {
 .pic {
   border-radius: 50%;
   max-width: 30%;
-}
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,6 @@ @@
++
++
++
 +# other
 +code/token.js
++