πŸš€ Hive dApps Dev Update - Distriator Front-End πŸ€– + Daily Limit Gauge ⏲

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! ❀️

VoteForWitness
sagarkothari88@sagarkothari88
threespeak@threespeak


0
0
0.000
12 comments
avatar

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.

0
0
0.000
avatar

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.

0
0
0.000
avatar

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!

0
0
0.000
avatar

Hello sagarkothari88!

It's nice to let you know that your article won πŸ₯ˆ place.
Your post is among the best articles voted 7 days ago by the @hive-lu | King Lucoin Curator by keithtaylor

You and your curator receive 0.0000 Lu (Lucoin) investment token and a 8.95% share of the reward from Daily Report 797. Additionally, you can also receive a unique LUSILVER token for taking 2nd place. All you need to do is reblog this report of the day with your winnings.

2.png


Invest in the Lu token (Lucoin) and get paid. With 50 Lu in your wallet, you also become the curator of the @hive-lu which follows your upvote.
Buy Lu on the Hive-Engine exchange | World of Lu created by @szejq

If you no longer want to receive notifications, reply to this comment with the word STOP or to resume write a word START

0
0
0.000