Giter Site home page Giter Site logo

mattrltrent / stackoverflow_badge Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 485 KB

A Stackoverflow stats badge for your GitHub profile. Try it!

Home Page: https://stackoverflow-badge.herokuapp.com/

Rust 87.91% Procfile 0.34% HTML 11.75%
badge github-stats readme-profile rust github-readme githubreadme profile-card profile-github profilecard readme-card

stackoverflow_badge's Introduction

Stackoverflow Stats Badge For Your GitHub Profile ๐Ÿš€

Example of it on my GitHub profile here. Star it if it helps you! โญ๏ธ

  1. Full badge:

    stackoverflow rep. badge

  2. With &mini=true URL param appended:

    stackoverflow rep. badge

Adding full badge version

  1. Go to Stackoverflow, then click on your profile. Once on your profile, you should see a number in the URL bar. This is your account ID.

    For example, here is my account ID:

  2. Displayed on the stats badge is "+ some number of reputation per some time period". You need to choose over what time period you want us to calculate your reputation gain. The options are day, week, month, quarter, and year. This is your period.

  3. Take the base URL, and insert your newly found account ID and period where appropriate:

    For example, here is the URL for my account if I wanted to show my reputation gain quarterly:

  4. Here is the copyable version, just change the "USERNAME" and "PERIOD": https://stackoverflow-badge.herokuapp.com/stackoverflow?username=USERNAME&period=PERIOD.

  5. Insert this URL from step 4 into your GitHub profile's README.md exactly like this (obviously with your own failure text and personalized URL):

    ![some text to render if the image fails to load](step 4 URL)

  6. If you're still struggling, check out how I added it to my own profile's README.md here.

Adding mini badge version

This only shows the total reputation you have.

  1. Do all the steps from the big badge above.

  2. Append &mini=true to the URL (keep the other options, they just don't matter). Added via suggestion from @yubinjodev.

Limitations

These restrictions shouldn't interfere with regular usage:

  • The badge is cached for 15 minutes, so its data can possibly lag 15 minutes behind your true Stackoverflow stats. This is done to reduce server load.
  • You're rate limited to loading 15 different stat badges every 60 seconds based on your IP.
  • The StackAPI limits everyone to loading 300 different profiles every 24 hours based on IP.

Feel free to create issues or PRs!

stackoverflow_badge's People

Contributors

mattrltrent avatar

Stargazers

 avatar  avatar

Watchers

 avatar

stackoverflow_badge's Issues

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.