New Reputation Ranking feature has been integrated in My Steemit Friends

Tool website: http://mysteemitfriends.online
Github: https://github.com/Bulletproofmonk/MySteemitFriends
Merged Pull Request: https://github.com/Bulletproofmonk/MySteemitFriends/pull/6

New Features

• What feature(s) did you add?

My Steemit Friends has been upgraded with a new feature - Reputation ranking. There are a few ways to access it.

After entering your Steemit UserName, click on the green "Ranking" button, then select the Reputation option.

You will see while you are waiting for your ranking, the magic monk head now turns clockwise, this is a new feature.

After that, you will see your reputation ranking.

You can then click this link to see your reputation ranking against other users.

You can also access the reputation ranking directly from the navigation bar at the top of the page to see the top 50 rankings. On this page you can also search for a particular user to find out their ranking, or navigate to different pages.

The original features are all still accessible by clicking the blue button on the main pae to get upvote stats.

• How did you implement it/them?

reputation.php

Code for retrieving a list of users ranked by their reputation score. reputation.php contains code for organisation of list into pages and browsing the list, as well as code for highlighting users on the list.

get_reputation_rank.php

Code for finding the ranking of a paritcular user in terms of reputation score which which page on the list they are on, and returns a link to reputation.php on the correct page to locate the user.

index.php

• I used bootstrap to make the dropdown menu button, to avoid having too many buttons.
• I used https://loading.io/ to create a loading animation icon.
• I used Javascript to hide the buttons when the stats are being loaded.
• I changed the bootstrap navbar to include a dropdown menu for rankings.

---

Posted on Utopian.io - Rewarding Open Source Contributors

---