๐Ÿš€ Hive dApps Dev Update - Distriator Front-End ๐Ÿค– + Daily Limit Gauge โฒ

in #hive โ€ข 5 days ago

Hello Amazing Hive Community Members! ๐Ÿ‘‹โœจ

Hope you're doing absolutely buzzing today ๐Ÿ.
Can you believe itโ€™s already Wednesday?
๐Ÿ˜ฑ Time literally flies faster than a Hive transaction.
But hey, slow and steady, little by little, we keep building on Hive blockchain โ€“ consistently, continuously, and with ๐Ÿ’–.

I honestly hope my contributions to Hive will be recognized ๐ŸŽ–๏ธ, but whether or not that's the caseโ€”Iโ€™ll keep hustling hard ๐Ÿ—๏ธ for our beautiful Hive ecosystem.
Enough of my rant! Letโ€™s jump into todayโ€™s spicy dev updates around Distriator ๐Ÿต.


๐Ÿ›  Distriator Updates

Backend Integration of Global Limit ๐Ÿ”ง

daily-limit

In yesterday's post, I shared how we added a daily cashback limit on the backend. Not just thatโ€”the API now serves global daily limits to all front-ends.

๐Ÿ‘จโ€๐Ÿ’ป As you see in the screenshot aboveโ€”the backend API is ready, neat, and nicely documented. ๐Ÿ“


Front-End Integration ๐ŸŽจ

Backend โœ…. Now itโ€™s time to make things pretty and useful on the front end.


React Gauge Component ๐Ÿ•น๏ธ

React Gauge Component

While scrolling through docs for react-gauge-componentโ€ฆ ๐Ÿคฏ
It was love at first sight โค๏ธ. This component instantly felt like the perfect soulmate for Distriator. Integration mode: ON. โšก


API Integration ๐Ÿ”Œ

Screenshot 2025-09-24 at 6.07.06โ€ฏAM.png

We created a neat API class addition for daily-limit-api. This will fuel up our Claim Dashboard with live usage data.


Claim Dashboard ๐Ÿ–ฅ๏ธ

Claim Dashboard - Call API

The Claim Dashboard is where magic happens โœจ.

  • We hooked in the daily-limit API call inside useEffect.
  • Added a loader function to grab live usage details. โœ…

Boomโ€”Claim Dashboard is now fully aware of daily usage ๐Ÿ’ก.


Designing Gauge Component ๐ŸŽจ

Design Daily Limit Gauge Component

After some back-and-forth code โ†”๏ธ browser iterationsโ€ฆ
Drumroll ๐Ÿฅ The real-time Gauge Component came alive, monitoring the daily usage perfectly.


Final Screenshot ๐Ÿ“ธ

When the usage SMASHES the limit ๐Ÿšซ:

max

And the next dayโ€ฆ back to green freshness ๐ŸŸข:

min

Looks awesome, right? ๐Ÿ˜


๐ŸŒ Deployment & Future Plans

๐ŸŽ‰ This new update is being deployed right now at:
๐Ÿ‘‰ https://cashback.distriator.com

โšก Next big step: Replacing the old Flutter Distriator app with this shiny, fast new React app... right after HiveFest. ๐Ÿ๐ŸŽช


๐Ÿฆพ Power-Up the Hive! ๐Ÿš€๐ŸŒ’

  • ๐Ÿ’ช Making Hive stronger, one bug at a time
  • ๐Ÿง™โ€โ™‚๏ธ Open-source wizards, your code = my spellbook
  • ๐Ÿš€ Hive rocket โ†’ MOONโ€ฆ unlimited upvotes incoming ๐ŸŒš

๐Ÿ™Œ Support, Laughs & Hive-Vibes

  • Found a bug? Smack it with an UPVOTE ๐Ÿž
  • Want more Hive magic? Vote me as Hive Witness ๐Ÿง™โ€โ™‚๏ธ
  • Jokes, memes, or just Hive-love โ†’ Send them my way โค๏ธ

Until next timeโ€”BYEEE ๐Ÿ‘‹๐Ÿš€


๐Ÿ“ Final Note


๐Ÿš€ My Contributions to โ™ฆ๏ธ Hive Ecosystem

ContributionToHiveEcosystem
Hive Witness NodeHive API Node3Speak Video Encoder Node Operator (highest number of nodes)3Speak Mobile App Developer
Podcast App Developer3Shorts App Developer3Speak Support & Maintenance TeamDistriator Developer
CheckinWithXYZhReplierHiFindHive Donate App
Contributed to HiveAuth Mobile AppEcency โ†” 3Speak IntegrationEcency โ†” InLeo IntegrationEcency โ†” Actifit Integration
Hive Stats AppVote for Witness AppHiveFlutterKitNew 3Speak App

๐Ÿ™Œ Support Back

โค๏ธ Appreciate my work? Consider supporting @threespeak & @sagarkothari88! โค๏ธ

Sort: ย 

This post has been manually curated by @bhattg from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens. HP delegators and IUC token holders also get upto 20% additional vote weight.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

image.png

100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @bhattg by upvoting this comment and support the community by voting the posts made by @indiaunited..

This post received an extra 7.54% vote for delegating HP / holding IUC tokens.

Interesting way to handle the API

@dobro2020

Thank you for noticing.

I'll keep up my best

There is not a perfect way to write code, if the code work it's fine

Your efforts for the Hive ecosystem will surely be successful one day. Thank you very much sir for sharing this wonderful app information along with the beautiful message with all of us. I will definitely remember you.

Thank you @mdakash62

You are always most welcome sir I always appreciate your hard work thank you

Hi @sagarkothari88, thanks for the update! I was wondering would it be possible to also see the daily number of users who reached the cashback limit?

For example, under the stats where it currently shows 74.98 used, it would be great if we could also track how many people claimed each day.

Really appreciate the continuous updates and the great work youโ€™re doing!

report button

@samostically working on it & it will be available here soon.
with hReplier