🚀 Hive Blockchain dApps Dev Update: My Debugging Adventure with Photo Uploads on CheckinWithXYZ! 😆🐛

@sagarkothari88 · 2025-08-31 04:31 · HiveDevs

🔥 What's Buzzing, Hive?

Hey Hive legends! 🙋‍♂️🐝
Time for your dose of dev chaos—this update is about wild bugs, panicked debugging, meme-worthy moments, and finally… victorious fixes!


🐞 The Curious Case of Vanishing Uploads

Yesterday, we went live with CheckInWithXYZ. Huzzah! And then... the bug reports rolled in.
Special thanks to @starkerz for bravely testing and finding a showstopper: Photo uploads weren’t working at all!

image upload failing bug report screenshot


🔍 My Investigation Begins

Tested it myself with Hive Keychain—no dice! 🛑
Ran the app locally... and voilà, images uploaded just fine. Wait, what?!
confusion

Why does it work on my machine but not in the wild? 😕 Time to break out some real-world testing: Hive Keychain's in-app browser on a mobile device!


💡 The Debugging Dilemma

What do we do? What do we do? tom cat walk meme

  • Can’t use localhost in Hive Keychain mobile in-app browser 🚫
  • Safari’s no help—port numbers not allowed!
  • Desktop’s fine, but real users = real bugs = real devices!
  • Taking mobile photos = huge image sizes.
  • Image resizing was coded, but can’t push changes blind. Must test on device!

🥁 Enter... ngrok!

if you can smell what the ngrok is cooking ngrok

Not the wrestler, silly—ngrok lets you tunnel localhost over the internet.
Seen backend devs flex this tool—my turn to join the cool club!
- Signed up, setup was super simple. - Installed ngrok, updated config. - Enabled port-forwarding to 5173 (ReactJS debug port).

Screenshot proof:
started server locally


😤 ReactJS Throws a Tantrum

Oops! Tunneling in, but ReactJS app says “No!”—blocked request!
blocked request Turns out, just needed to update vite.config.js. Thank you, Google!

Victory screenshot:
allowed hosts


📱 Finally: Real Device Testing!

Fired up the app on the phone using ngrok—finally able to reproduce the bug as @starkerz saw it.

ngrok based testing


🎯 Bugs Spotted & Squashed

🐉 Bug 1: Drag & Drop (And Other Mischief!)

App allowed all sorts of upload shenanigans (drag & drop, file picker, gallery)!
Drag & drop - Disabled drag & drop uploads. - Disabled gallery file picker. - App now ONLY opens the front-facing camera! 📸

📏 Bug 2: Resize Image Before Upload

Big phone photos = huge image files = server says “Nope!” (max 1.5MB).
Resize image before upload - Added client-side resizing before upload. - Real device test: Pass! 🎉


🚀 Deploy, Merge, Celebrate!

Go Go Go

  • Committed & pushed fixes (on a fresh branch—always!).
  • Pulled out the magnifying glass one last time, reviewed code, merged to main.
  • Deployed new build.
  • Let @starkerz know—mission accomplished!

Eat Sleep work gif

Sunday: eaten by bugs, saved by memes. Who needs weekends anyway? 😂


✨ That’s All, Folks!

that is it

  • Try the new and improved bug-free CheckInWithXYZ! 🌪️
  • Upvotes = Good karma!
  • Witness votes = Big love!
  • Tips = More sugar for the devs ☕
  • Feedback/comments = Hive energy for more code! 🐝🫶

🥁 THE HIVE BLOCKCHAIN NEVER SLEEPS 🚂

  • Keep onboarding, keep checkin' in with CheckInWithXYZ on Hive!
  • Thank you Hive fam for all your epic feedback & support!
  • Hive = headed to the moon 🚀 (maybe with a selfie... resized, of course).

untitled.gif

🔥 Until next dev log — Keep building, keep Hiving! 🐝💜


📝 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/dbbc3e21-0ccb-4281-a2d9-31465000f1e5

🚀 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 Hive Inbox 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 #reactjs #frontend #checkinwithxyz #witness #update #pizza #camera
Payout: 0.000 HBD
Votes: 398
More interactions (upvote, reblog, reply) coming soon.