Steem-Challenger 2.0 - Check & Share you Next Steem Payouts

Steem-Challenger, created by @omeratagun, is a handful tool to check your next payouts on Steem. It answers questions like, how much will an account receive on a given post.

1. What's New?

From the ground up, the application was redesigned, moving from a mixed PHP/JS website to a client-side only application, those are the results:

1.1. New Domain and Link Sharing

Aside from checking how much one will receive (pending payouts), now, there are shareable links, which can be used to bookmark and quickly checkout.

Steem-Challenger 2.0 is live at https://steem.show.

Browsing an account pending payouts, can be achieved by either going to https://steem.show home and typing the account username, or by the simple and easy to remember link:

https://steem.show/@username

Example: https://steem.show/@omeratagun

1.2. New Layout

Before moving into technical specifications and details of how it was rebuilt, this is the result:

Also, there is a homepage, where one can type an account username and get the result.

1.3. New Features

Aside the visual improvements, this update brings:

• Navbar USD/CRYTO rates live from CoinMarketCap.
• Quick profile information on the user, making it similar to about.me.
• Quick Wallet visualization, including the total wallet value, in USD.
• Pending Payouts Total, in USD.
• Pending Payouts per Post, including the date until payout, how much the beneficiaries will get, and the estimate USD value at payout.

1.4. Technology

On the technology used:

• Frontend only project, no more PHP or server-side parsing, thanks to SteemJS and CoinMarketCap.
• Simple and organized Vue.JS components.
• Bootstrap 4.0 and SCSS.
• HTML writen in PUG (formerly Jade).

1.5. Next Steps.

Some next steps may include:

• Allowing base currency selection (currently forcing USD).
• Ajax username search on home (half-implemented locally, will be sent next).
• Inclusion of comments payouts and more account information.
• Followers/Following rankings.
• Historical data.
• Mobile application.

---

Posted on Utopian.io - Rewarding Open Source Contributors

---