OctoBadge – Display Github user badge showing open source activity

A few years ago there was a lot of controversy about Github being the new resume for developers and what that meant. In 2015, I think it’s almost universally accepted among developers that your code footprint is important. It’s very likely it’s going to be the first impression that you make on others in your profession when they look you up online.

There are many fine points which are still up for debate. How much should you curate your Github profile? Should you delete old projects or is a simple warning enough? What should you do when most of your work is private? What if the work others think is good (stars and forks) aren’t necessarily the projects you want to highlight? While these points and others are valid, it doesn’t change the fact that people really expect that if you’re a software developer, you should have a Github profile and you should have used it at some point in time.

You don’t need to have a project with hundreds of stars or hundreds of followers, but you should at least have some activity. I don’t care what academic or corporate rock you’ve been hiding under, but there’s no excuse for no participation at all in open source software. You should have at least raised issues, commented on something, sent in a few pull requests to improve the projects you use. Outside of the most contrived cases imaginable, I just cannot picture how you can completely avoid Github as a software developer. Even if you have use BitBucket, or Assembla, SourceForge, or whatever, so much software is on Github that you just can’t avoid it.

So, maybe you disagree with me. Cool, stop reading. If your head isn’t in the sand, I have something for you. It’s a Github User Badge which displays info about your projects, such as your number of followers, repositories, gists, project stars, and your contribution history. The larger version also shows the languages you write code in and where you hail from.

The library is also hosted on jsDelivr, so you can easily include it on your site:


<script src="//cdn.jsdelivr.net/octobadge.github/0.0.1/badge.min.js" type="text/javascript"></script>


<link href="//cdn.jsdelivr.net/octobadge.github/0.0.1/badge.min.css" rel="stylesheet" type="text/css" />

…Then use the badge HTML:

<github-badge user="username_here" badge="octogeek"></github-badge>

Enjoy! Get your Github User Badge.

This entry was posted in Developers, Github, JavaScript. Bookmark the permalink. Trackbacks are closed, but you can post a comment.

Post a Comment

Your email is never published nor shared. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>