Steemblr update - 18 - upvoting, following & avatar upload

in dapps •  9 days ago

Steemblr is open source microblogging platform powered by steem blockchain . It allows user to post and explore content which is smaller than a traditional blog.

You can check developer version here:


Pull Request

New Features


A new voting component that supports voting for all logged-in website users.

Now every vote and user is distinguished between two platforms: blockchain and firebase. Each user can vote for each post, but only steem users which vote for steem posts will result in a reward.

During the development I tried to use a one-way flux architecture so that the used solutions seem to be solid. After each vote / unvote data is sent to firebase api, then post is downloaded again and the state is updated depending on the action taken.

#1 #2 #3


For the best experience, all actions related to following were moved from the blockchain to the database, so users can follow each other between different platforms.

Similarly to the previous feature, to handle all actions follower button component was created.This is how it works: after user action, the relevant data is transferred to the api and then the person we follow / unfollow is saved/deleted in the user's profile.

For now user can follow only 100 accounts.

#1 #2

Changing Avatar

The option of changing the avatar by non-steem users has been added. Just go to theme editor and upload new avatar. Also there was added default avatar for new non-blockchain users so it won't show empty profile pic now.

To do this, I used firebase storage services, each saved avatar has the name of the user, which makes it easy to locate.


GDPR, Terms, Cookie Law

It seems to be more a feature for me than for the users but all the required terms and notifications about different things have been added.

GDPR notice and cookie law are shown when user enters app for the first time, and terms of service is here it can be located in side menu and footer in intro page.



  • added google analytics,
  • added new upvote component to handle upvoting for steem and non-blockchain users,
  • added new follow button component, following is now non-blockchain for everyone with limit of 100,
  • added uploading avatar for non-blockchain users and default avatar for every non-blockchain user without avatar,
  • added terms of service, gpdr, cookie law
  • added offset to react-waypoint which means loading more posts should work better than before
  • change number of actions in post is now counted instead taking it from prop,
  • hide voting slider for non-steem users,
  • added links to terms of service and discord to side menu
  • fixed some of the reblogging bugs

If you have any question you can ask them on steemblr discord server

View this post on steemblr
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

I didn't realise Steemblr also supported non-Steem users (not sure how I missed that), that's pretty cool! The added features are also great for further developing the support for both, which is also cool to see.

Since the quality of the code is so high (as always), there isn't that much feedback to give, but I'll try anyway (and they are also sort of questions born out of my curiosity):

  • Why the limitation of 100 follows?
  • Would be great to add e.g. a GIF showing the changing of an avatar for Steem and non-Steem users, for example.
  • I see you've added Google analytics - did you know how many people use Steemblr before adding this?
  • How do you handle someone who has both an account for the platform "email", and for the platform "steem"? Can they combine the two? If so, which ones takes priority when upvoting, for example?
  • For what reason do you use Firebase? I thought they were quite expensive, but I could be wrong.

Anyway, great contribution once again! Don't feel obligated to answer any of my questions, since they are just me being curious, haha. Looking forward to seeing further updates, Szymon!

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.

Need help? Chat with us on Discord.



Thank you for your review, @amosbastian! Keep up the good work!

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by snwolak from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Congratulations @snwolak! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You made more than 50 comments. Your next target is to reach 100 comments.

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Support SteemitBoard's project! Vote for its witness and get one more award!

Hi @snwolak!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

This post has been included in the latest edition of SoS Daily News - a digest of all you need to know about the State of Steem.

Hey, @snwolak!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support!
Simply set as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord

Vote for Utopian Witness!