Code Monkey home page Code Monkey logo

awesome-github-stats's Introduction

Get an accurate data from your contributions and transform into a card to show at your GitHub profile README
View Demo


Bruno Brito's GitHub Stats Bruno Brito's GitHub Stats Bruno Brito's GitHub Stats Bruno Brito's GitHub Stats

Content

πŸš€ Quick setup

  1. Copy-paste the markdown below into your GitHub profile README
  2. Replace the value after brunobritodev with your GitHub username
[![My Awesome Stats](https://awesome-github-stats.azurewebsites.net/user-stats/brunobritodev)](https://git.io/awesome-stats-card)

πŸ’» Demo Site

Here you can customize your Card with a live preview: https://awesome-github-stats.azurewebsites.net/

Demo Site

πŸ’πŸ» SVGs wanted.

If you are a Jedi Master building SVG, help-me adding new SVG's templates. Then we try to add some data on it!


πŸ–ŒοΈ Card Types

There are few Card types to show your stats. Change cardType parameter.

Card Preview
level (default) level
level-alternate level-alternate
github github
octocat octocat

🎨 Themes

To enable a theme, append &theme= followed by the theme name to the end of the source url:

[![GitHub Streak](https://awesome-github-stats.azurewebsites.net/user-stats/brunobritodev&theme=dark)](https://git.io/awesome-stats-card)
Theme Preview
default default
dark dark
tokyonight highcontrast
More themes! 🎨 See a list of all available themes

If you have come up with a new theme you'd like to share with others, open an issue to add it!

πŸ”§ Options

The user field is part of url user-stats/<user>, which is required. All other fields are optional.

If the theme parameter is specified, any color customizations specified will be applied on top of the theme, overriding the theme's values.

Parameter Details Example
theme The theme to apply (Default: default) dark, radical, etc. 🎨➜
show_icons Dont shown icons at left of labels (Default: true) true or false
background Background color hex code (without #) or css color
border Border color hex code (without #) or css color
text Color of the text hex code (without #) or css color
title Color of the title at top hex code (without #) or css color
icon Color of the icons hex code (without #) or css color
ring Color of the ring around the level hex code (without #) or css color

Example

[![My Awesome Custom Stats](https://awesome-github-stats.azurewebsites.net/user-stats/brunobritodev?theme=tokyonight&Ring=DD2727&Border=13DD57&Text=DD2727)](https://git.io/awesome-stats-card)

ℹ️ How these stats are calculated

This tool uses GitHub GraphQL to compute yours contributions since your first day at GitHub.

To include contributions in private repositories, turn on the setting for "Private contributions" from the dropdown menu above the contribution graph on your profile page.

Contributions include:

  • Public commits
  • Private commits
  • Commits in your repositories
  • Commits made in another repositories
  • Pull requests to your repositories
  • Pull requests to another repositories
  • Issues
  • Direct stars - Stars from your repositories
  • Indirect Stars - Stars from repo's you have made some contribution
  • Repositories you have created

If stats not showing look at Learn more about what is considered a contribution.

Note: You may need to wait up to 24 hours for new contributions to show up (Learn how contributions are counted)

Note: To prevent too many requests at GitHub we have an agressive cache strategy. You have to wait 24 hours to our server fetch your data again.

To check your stats go to:

The magic🌟 begins from these endpoints!

πŸ€— Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request if you have a way to improve this project.

Make sure your request is meaningful and you have tested the app locally before submitting a pull request.

πŸ€” Motivations

Actually another repositories with the same goal doesn't count stats with accuracy. The main goal is to have a strong data first, then a beatiful svg.

🧰 Installing Requirements

Requirements

Authorization

To get the GitHub API to run locally you will need to provide a token.

  1. Go to https://github.com/settings/tokens
  2. Click "Generate new token"
  3. Add a note (ex. "GitHub Pat"), then scroll to the bottom and click "Generate token"
  4. Copy the token to your clipboard
  5. Go to file appsettings.json in the src/AwesomeGithubStats.Api directory and add your PAT at PATS: [...] with your token
"PATS": [
  "your_pat_here"
]

Running the tests

Before you can run tests, you have to add your PAT in appsettings.json at tests/Tests. Just how you have done above.

dotnet test

πŸ’• Special thanks

Special thanks for github-readme-streak-stats who build a Demo site. This version is almost the same code from there.

And another special thank to Sindre Sorhus to increase the difficult to find a magical number to create Levels. The levels are based in his contributions.


πŸ™‹β€β™‚οΈ Support

πŸ’™ If you like this project, give it a ⭐ and share it with friends!


Made .NET 5 ❀️

awesome-github-stats's People

Contributors

brunobritodev avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.