Full-Stack

GitFC: EA FC Card Generator

Turn your GitHub profile stats into collectible EA FC cards.

Next.jsReactTypeScriptTailwind CSS
GitFC: EA FC Card Generator architecture and preview
Click to zoom

Overview

Fun web app that pulls your public GitHub activity using GraphQL and scores your contributions into an EA FC style player card you can download.

Problem Statement

GitHub profile stats are mostly numbers and commit squares, which makes celebrating milestones a bit dry to share.

Architectural Solution

Wrote an algorithm that translates commit volume, stars, and PRs into realistic player attributes (PAC, SHO, PAS, DRI, DEF, PHY) with high-res PNG downloads.

Key Features & Engineering Highlights

Single GraphQL query to fetch complete yearly contributions

Balanced 0-99 scoring formula mapped to developer metrics

Multiple card themes including TOTY, Gold, and Icon editions

One-click high resolution PNG export rendered in the browser

Technologies & Tools Used

Next.jsReactTypeScriptTailwind CSSGitHub GraphQL API

Project Links & Source

ShreyashSrivastava.in

Backend software engineer and full-stack developer. Former SDE intern at JBH Tech Innovation, graduating from ITS Engineering College in 2026.

Quick Links
© 2026 Shreyash Srivastava. All rights reserved.