Hive Real-time Wallet Dashboard Updated

in #hive10 days ago (edited)

Something Old, Something New

I know I haven't been around much these days, but I have been monitoring Hive and continue to maintain my Witness node. Life has become quite busy these days with work and raising a kid. However, I have been messing around with this old project on the side.

New dashboard rebuilt from the ground up

Completely Redesigned

I essentially started from scratch on this project, replicating the functionality of the old dashboard but adding a few bells and whistles as well as completely revamping the look and feel. I hope everyone likes the changes! I am realizing that there are way more people that have been using this site (hive.codergeek.org) than I initially knew.

Themes

I have added a themes dropdown that allows users to pick a color scheme that they like. Just a fun addition that I thought some might enjoy. The theme should stay with the one you have chosen the next time you visit from the same browser.

Hopefully I didn't go overkill with the number of choices!

9 theme choices as of this post

Sample of Forest Theme

Digit Spin-up/Spin-down effect

In this version of the application, I have cut the number of API calls in half. I am still tweaking things, so you might see this change slightly over time. You may need to wait 15-20 seconds on first load for everything to synchronize and work properly.

How it Works:

The displayed values smoothly transition from the previous numbers to the new ones, using the same timing as the API refresh cycle. Or at least this is the attempt. It does not take into account the delay in API response. So of course, it isn't always smooth. However, I think it is superior to the old dashboard which simply did a quick spin up to the new value on receiving new data. But that is just my opinion.

green-test_1.gif

Pop Out Widget

If you look at the top right of the interface, you'll see a new button to the right of the theme selector that allows you to pop out a mini version of the dashboard. It doesn't include every component that the full sized dashboard has to save space. However, this may change in the future as I further adjust things.

Mini pop-out dashboard widget

The widget can run independently of the main page, so once it is loaded you can close the main browser window if you'd like to keep it up in the corner of the screen. I am thinking that I might make a windows/mac standalone application, but we'll see what time allows for.

Finally Responsive

Of course, with all of the changes I spent a lot of time making sure that the application displays properly on mobile devices. For values that are over 999,999, I have lowered the decimal precision only on narrow views to make sure nothing overflows.

Screenshot: Samsung Galaxy S24 Ultra

Under the Hood

The system was completely rebuilt with extensive error handling and fallback nodes. While the changes were mostly invisible to users, the old codebase contained many legacy Steem references. These have been removed in the new version, except where required for API data retrieval.

I think that's really all I have to say about the project at this point. I'll likely still be making changes so bear with me if you see anything break. That being said, I haven't been able to extensively test everything on all devices so if you see anything weird or super buggy please let me know in the comments.

The dashboard is meant to be simple and motivational. It's really cool to be able to see these values updating in real-time! Keeping in that spirit, if there's anything that can be added that keeps that goal in mind, I am also open to suggestions or feature requests!

@nuthman Witness

My witness node is still up and running. I no longer have a backup node running, as my ranking does not really make it financially feasible. This led to quite a few missed blocks over the past several months, in particular when I was away on business. I'm keeping a closer eye on it now, so hopefully this won't happen again! I would appreciate your support. Thanks to all those who've already voted for me!

Please visit the Hive Real-time Wallet Dashboard

Sort:  

Ooh, very cool! I like the updates. Also glad to hear you are doing well! I've missed seeing what's happening in your world.

Bozz! Hey my friend. The sad thing is, I don't get out much these days. Before the Covid days, I was constantly traveling and had a a lot to post about. I just don't have much interesting to blog about lately. I hope all is well with you!

I hear you there! Winter is always a hard time for me when it comes to content and I can see how this time since Covid has been like a long winter! I'm lucky that in the summer we do so much camping. That typically gives me plenty of content. Doing well thanks!

Nice!! I liked this a lot when you first released it and even included it as part of my favourite tools on hive post back in 2021. Nice to see a revamp.

Hey! I'm glad you like it! I hope you like the changes.

Noticed things had changed as I have been using this for ages. Happy to see it has been upgraded.

So cool to hear that so many people are using it. I appreciate it!

Looks very good on mobile browser!! Awesome!

Glad to hear it! Enjoy.

Nice! this'll look a lot cooler on my videos/streams now!

Oh, have you been using it for something? I didn't know.

I have it in some videos/streams in the corner like a live ticker. Mostly just to look back at older videos and see how my hp progressed over the years.

It's a bit hacky how I have it set up however, basically it's a layer on OBS of the whole screen but cropped out to only show the live HP count.

I forget to make sure the window is up for it to work sometimes however so it's not in all vids.

Any option you could add for the old look? Just in case it prefer the consistency on my vids :D

Actually I thought having a 'classic look' option. The only problem is that I completely rebuilt the whole thing and am no longer using the HTML structure/css and library (Odometer.js) and styling the digits. Let me see what I can do, though.

Looks cool!
!PAKX

Thanks! I'm glad you liked it

View or trade PAKX tokens.

@dlmmqb, PAKX has voted the post by @nuthman. (1/3 calls)

Use !PAKX command if you hold enough balance to call for a @pakx vote on worthy posts! More details available on PAKX Blog.

Curious about HivePakistan? Join us on Discord!

Delegate your HP to the Hivepakistan account and earn 90% of curation rewards in liquid hive!

50 HP
100 HP
200 HP
500 HP (Supporter Badge)
1000 HP

Follow our Curation Trail and don't miss voting!

Additional Perks: Delegate To @ pakx For Earning $PAKX Investment Token


Curated by dlmmqb

Congratulations @nuthman! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You distributed more than 41000 upvotes.
Your next target is to reach 42000 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Check out our last posts:

Our Hive Power Delegations to the January PUM Winners
Feedback from the February Hive Power Up Day
Hive Power Up Month Challenge - January 2026 Winners List