From fe00bcbe7420632ff50226df02c2478b8376a521 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Sun, 29 Mar 2020 17:45:48 +0530
Subject: [PATCH] adding github contributors

---
 .../components/GitHubContributors.vue         | 41 +++++++++++++++++++
 docs/contributing/README.md                   |  6 ++-
 package-lock.json                             | 31 ++++++++++++++
 package.json                                  |  3 +-
 4 files changed, 79 insertions(+), 2 deletions(-)
 create mode 100644 docs/.vuepress/components/GitHubContributors.vue

diff --git a/docs/.vuepress/components/GitHubContributors.vue b/docs/.vuepress/components/GitHubContributors.vue
new file mode 100644
index 00000000..50e538d5
--- /dev/null
+++ b/docs/.vuepress/components/GitHubContributors.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="contributors">
+    <div v-for="i in items">
+      <a :href="i.html_url" target="_blank" rel="noopener noreferrer">
+        <img :src="i.avatar_url" />
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+const axios = require('axios');
+const repo = 'AmruthPillai/Reactive-Resume';
+
+export default {
+  data() {
+    return {
+      items: [],
+    };
+  },
+  beforeMount() {
+    axios
+      .get(`https://api.github.com/repos/${repo}/contributors`)
+      .then(response => {
+        this.$data.items = response.data;
+      })
+      .catch(error => {
+        console.log(error);
+      });
+  },
+};
+</script>
+
+<style>
+.contributors {
+  margin-top: 20px;
+  display: grid;
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+  gap: 1rem;
+}
+</style>
diff --git a/docs/contributing/README.md b/docs/contributing/README.md
index f89bcf8d..d3baaf18 100644
--- a/docs/contributing/README.md
+++ b/docs/contributing/README.md
@@ -34,8 +34,12 @@ Currently, there is no translation engine in place that allows for people to eas
 
 [Vote for Translation Engine Feature ](https://github.com/AmruthPillai/Reactive-Resume/issues/18)
 
-## Code
+## Commit Code
 
 If you are a developer, and a ReactJS developer at that, then you're in demand! Take a look at the code and see how you can make it better, cause I definitely would have made a lot of mistakes. You can setup test cases or extract a particular section of code into a function to improve code reuse. All you need to do is fork the repository on GitHub, make your changes and submit a Pull Request for the same and we'll review it.
 
 [GitHub Repository ](https://github.com/AmruthPillai/Reactive-Resume)
+
+## GitHub Contributors
+
+<GitHubContributors />
diff --git a/package-lock.json b/package-lock.json
index 36a7b8fb..3fde237f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4054,6 +4054,37 @@
       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.9.1.tgz",
       "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug=="
     },
+    "axios": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz",
+      "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
+      "requires": {
+        "follow-redirects": "1.5.10"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "follow-redirects": {
+          "version": "1.5.10",
+          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+          "requires": {
+            "debug": "=3.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
     "axobject-query": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.1.2.tgz",
diff --git a/package.json b/package.json
index a84b81ce..02dae57f 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "@testing-library/jest-dom": "^5.3.0",
     "@testing-library/react": "^10.0.1",
     "@testing-library/user-event": "^10.0.0",
+    "axios": "^0.19.2",
     "lodash": "^4.17.15",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -63,4 +64,4 @@
     "tailwindcss": "^1.2.0",
     "vuepress": "^1.4.0"
   }
-}
\ No newline at end of file
+}