How GitEstimate Calculates Your GitHub Worth Using Next.js and TypeScript

1. Introduction

Hello fans! In the fast‑paced world of software development, GitHub has become the central hub for collaboration and code sharing. Inspired by a tweet about using Next.js and shadcn/ui, I built a project called GitEstimate , a GitHub value estimator.

Project link: https://gitestimate.vercel.app/. The tool, authored by Md Taqui Imam, asks for a GitHub username, retrieves the user's data, calculates an estimated worth, and offers a JPEG download for sharing.

2. Result Screenshot

3. Technology Stack

Next.js 14

shadcn/ui

html-to-canvas

github-contributions-canvas

lodash

cheerio

TypeScript

Zod

react-hook-form

4. How GitEstimate Works

When a user visits the GitEstimate site, they are prompted to enter a valid GitHub username. The application then fetches the user's total contributions, total stars on repositories, and follower count, and feeds these numbers into a weighted formula to produce an estimated worth.

Core calculation function:

calculateGitHubWorth(
    contributions: number,
    followers: number,
    stars: number
) {
    // Adjust weights as needed
    const contributionWeight = 0.5;
    const followerWeight = 0.1;
    const starWeight = 0.3;

    // Compute estimated worth
    const estimatedWorth =
        contributions * contributionWeight +
        followers * followerWeight +
        stars * starWeight;

    return estimatedWorth.toFixed(1);
}

5. Conclusion

GitEstimate provides a fun way to visualize the monetary value of a GitHub profile based on publicly available metrics. The project demonstrates how to combine Next.js, TypeScript, and various utility libraries to build a lightweight, interactive web tool.