Show Stackoverflow Reputations & Badges On The Page – Stack-Card

Preview:

Description:

Stack-Card is a JavaScript library to create a profile card that displays avatar, username, user location, reputation scores, and badges from any Stackoverflow user.

How to use it:

1. Load the Stack-Card’s JavaScript in the document.

<script src="./stack-card.js"></script>

2. Create a stack-card container and insert the Stackoverflow user ID. That’s it.

<div class="stack-card" user-id="your-user-id"></div>