scrobble.life
#hive

πŸš€ 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

Contribution To Hive Ecosystem
Hive Witness Node Hive API Node 3Speak Video Encoder Node Operator (highest number of nodes) 3Speak Mobile App Developer
Podcast App Developer 3Shorts App Developer 3Speak Support & Maintenance Team Distriator Developer
CheckinWithXYZ hReplier HiFind Hive Donate App
Contributed to HiveAuth Mobile App Ecency ↔ 3Speak Integration Ecency ↔ InLeo Integration Ecency ↔ Actifit Integration
Hive Stats App Vote for Witness App HiveFlutterKit New 3Speak App

πŸ™Œ Support Back

❀️ Appreciate my work? Consider supporting @threespeak & @sagarkothari88! ❀️

Vote For Witness
sagarkothari88 @sagarkothari88
threespeak @threespeak

Comments Β· 6

  • @hive-lu(65)Β· 335d

    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

  • @musicproduser(36)Β· 337d

    Good luck

  • @samostically(78)Β· 342d

    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!

  • @mdakash62(74)Β· 343d

    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.

  • @dobro2020(68)Β· 343d

    Interesting way to handle the API

  • @indiaunited(71)Β· 343d

    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.