Skip to content

Releases: codeaashu/GitHub-Stats-Card-Generator

v1.0.0 - GitHub Stats Card Generator ✦

30 Apr 20:03
1b42e35
Compare
Choose a tag to compare


ICON.png

✦ GitHub Stats Card Generator ✦


A customizable GitHub stats card generator that creates beautiful SVG cards showing your GitHub statistics, most used languages, contribution history, and top repositories.


Features

  • Multiple Card Types

    • GitHub Stats (followers, stars, repos, etc.)
    • Most Used Languages
    • Contribution Stats
    • Top Repositories
  • Customization Options

    • Multiple chart types (bars, pie, donut)
    • Various themes:
      • Default Light/Dark
      • Tokyo Night
      • Dracula
      • Monokai
      • Aura
      • GitHub Dark
      • Solarized Dark
      • One Dark
      • Radical
      • Ocean
      • Forest
      • Sunset
      • Monochrome
      • Pastel

Usage

  1. Visit the website
  2. Enter your GitHub username
  3. Select your preferred card type
  4. Choose a theme and chart style
  5. Copy the generated markdown or HTML code
  6. Paste it in your GitHub README or anywhere else!

Quick Links

![GitHub Stats](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME)
![Top Languages](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME&type=languages)
![Contributions](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME&type=contributions)
![Top Repos](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME&type=top-repos)

Customization Parameters

  • username: Your GitHub username
  • type: Card type (general, languages, contributions, top-repos)
  • theme: Theme name (e.g., dracula, tokyonight, github)
  • chart: Chart type for stats and languages (bars, pie, donut)

Development

This is a Next.js project bootstrapped with create-next-app.

Getting Started

  1. Clone the repository
git clone https://github.com/yourusername/github-stats-generator.git
  1. Install dependencies
npm install
# or
yarn install
  1. Start the development server
npm run dev
# or
yarn dev
  1. Open http://localhost:3000 with your browser

Environment Variables

Create a .env.local file with:

GITHUB_TOKEN=your_github_token
NEXT_PUBLIC_API_URL=http://localhost:3000

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Uses GitHub's API
  • Built with Next.js and TypeScript
  • Twitter Follow

Full Changelog: https://github.com/codeaashu/GitHub-Stats-Card-Generator/commits/v1.0.0