feat: add external metadata to portfolio items

1 files changed, 32 insertions, 1 deletions

diff --git a/assets/js/main.js b/assets/js/main.js
index 1106b83..18a4400 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -12,7 +12,38 @@ const highlightCurrentRoute = () => {
   }
 }
 
-(function init() {
+const setPortfolioMetadata = async () => {
+  const API_URL = "https://api.github.com/repos/migalmoreno/"
+  const portfolioContainer = document.querySelector(".portfolio")
+  if (portfolioContainer) {
+    const projectItems = portfolioContainer.querySelectorAll(".project-item")
+    const projectItemsStars = []
+    for (let project of projectItems) {
+      const projectName = project.querySelector(".project-item__title").innerHTML
+      const starIcon = project.querySelector(".icon__star")
+      try {
+        const res = await fetch(API_URL + projectName)
+        const data = await res.json()
+        if (data) {
+          projectItemsStars.push(data.stargazers_count)
+        } else {
+          starIcon.style.display = "none"
+        }
+      } catch (err) {
+        starIcon.style.display = "none"
+        throw(err)
+      }
+    }
+    if (projectItemsStars.length > 0) {
+      for (let [i, project] of projectItems.entries()) {
+        project.querySelector(".project-item__stargazers").innerHTML = projectItemsStars[i]
+      }
+    }
+  }
+}
+
+(() => {
   setCopyrightYear()
   highlightCurrentRoute()
+  setPortfolioMetadata()
 })()