Skip to main content
Personal Project

GitHub Battle Arena

Developer Profile Comparison Tool using GitHub APIs

Web Applications
React Vite Tailwind CSS Framer Motion Recharts GitHub REST API GitHub GraphQL API JavaScript

Project Overview

GitHub Battle Arena (branded as Commit Clash) is a React application that fetches and visualises GitHub developer profile data to enable head-to-head comparisons. It uses both the GitHub REST API and GraphQL API to retrieve repository data, language statistics, contribution graphs, and commit activity. Results are visualised using radar charts (via Recharts) to show tech skill distribution, alongside commit consistency metrics and an automated winner verdict. Styled with Tailwind CSS and animated with Framer Motion for a polished cyberpunk aesthetic.

Key Features

  • Head-to-head GitHub developer comparison
  • GitHub REST and GraphQL API integration
  • Radar charts for technology skill distribution
  • Commit consistency and contribution analysis
  • Automated winner verdict generation
  • Cyberpunk-themed UI with Framer Motion animations
  • Live deployment on Vercel

Screenshots

Screenshots will be added soon.