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

@sagarkothari88 Β· 2025-09-24 04:30 Β· hive

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

  • I asked perplexity to help optimize this post to make it more readable and viewer-friendly.
  • Here is the link where you can find both original content & improvements made by AI
  • https://www.perplexity.ai/search/9fff8a42-22d9-410a-a5a5-b99c5c7c667a

πŸš€ 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
#hive #dev #india #hiveproject #reactjs #spendhbd #distriator #waiv #neoxion #bee
Payout: 0.000 HBD
Votes: 199
More interactions (upvote, reblog, reply) coming soon.