π 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 π§
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 πΉοΈ
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 π
We created a neat API class addition for daily-limit-api
. This will fuel up our Claim Dashboard with live usage data.
Claim Dashboard π₯οΈ
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 π¨
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 π«:
And the next dayβ¦ back to green freshness π’:
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 |
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.
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!
@samostically working on it & it will be available here soon.
with hReplier
Good luck
Thank you @musicproduser for wishes.
I'll keep up & keep doing my best for hive
with hReplier
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.
Buy Lu on the Hive-Engine exchange | World of Lu created by @szejq
STOP
or to resume write a wordSTART