Hellooo 開發者 👋 歡迎來到我的另一篇部落格文章。

在快節奏的軟體開發世界中,GitHub 已成為全球開發人員協作、創新和程式碼共享的中心。

昨天,我在 Twitter 上滾動,看到一條推文討論了這個關於使用 nextjs 和 shadcnui 製作的專案想法

並且不要忘記加上「💖🦄🔥🙌🤯」。

專案名稱是 GitEstimate - 一個 github 價值估算計算器。我受到的啟發👇

https://x.com/shyam_tawli/status/1739187814569476232?s=20


GitEstimate

示範

https://gitestimate.vercel.app/

GitEstimate 是一個有趣的創新專案,託管在 https://gitestimate.vercel.app/ 由我Md Taqui Imam 編寫,只需輸入您的Github 用戶名,它就會獲取您的資料併計算您的估計價值,您也可以將其下載為JPEG 並分享給別人吧。

下載結果如下:

結果

https://github.com/taqui-786/GitEstimate


我使用的技術堆疊👇?

  • Nextjs 14
  • Shadcn Ui
  • Html to canvas
  • github-contributions-canvas
  • lodash
  • cheerio
  • typescript
  • Zod
  • Reach-hook-form.

GitEstimate 是如何運作的 🤔?

造訪 GitEstimate 網站時,系統會提示使用者輸入有效的 GitHub 使用者名稱。它獲取用戶總貢獻、儲存庫和追蹤者的總星星,並產生 GitHub 個人資料價值的估計,我建立了此函數:

  function calculateGitHubWorth(
    contributions: number,
    followers: number,
    stars: number
  ) {
    // You can adjust the weights as per your preference
    const contributionWeight = 0.5;
    const followerWeight = 0.1;
    const starWeight = 0.3;

    // Calculate the estimated worth using the formula
    const estimatedWorth =
      contributions * contributionWeight +
      followers * followerWeight +
      stars * starWeight;

    return estimatedWorth.toFixed(1);
  }

Devletter 📩 是什麼?

Devletter 是一份很棒的每週通訊,涵蓋所有科技領域。

您將獲得最新的編碼新聞和見解,以保持領先趨勢。

Devletter 也是了解您所在地區的即將舉行的黑客馬拉松和活動的完美方式。

請務必立即加入 Devletter,這樣您就不會錯過技術領域的絕佳機會和發現。

https://devletter.vercel.app


就是這樣😅

感謝您閱讀到這裡,我希望您覺得這篇文章有趣且有幫助。

下週見👋

快樂編碼😊


原文出處:https://dev.to/random_ti/i-build-a-github-worth-estimate-generator-4jjd


共有 0 則留言