Introducing a new STEEM frontend: LiveSteem

in #utopian-io5 years ago




For the past few weeks I've been playing with the possibilities of hivemind and one I came up with was a live chat app. Last week I created a poll on dpoll which showed that some people liked the idea and would use such a thing. The following is what I've come up with so far and how I plan to develop it in the future. The current version is live at so give it a try and see what you think

What is the project about?

The project is a new STEEM interface unlike any that exists currently. The idea is very simple, a chat interface that you're used to that is powered by the STEEM blockchain.

You can login with Steem Keychain using the login button at the top right. Just enter your STEEM username and confirm with keychain.


Currently, there is a root post and all direct comments on that post show up as messages in the interface. I plan to expand this in the future.

You can also write a new comment in the box at the bottom and it will appear after Steem Keychain has broadcast the comment on the blockchain. Other users will see it after it has had 1 confirmation on the blockchain.


Technology Stack

The frontend is written in react with nextjs. As the backend is a graphql server, apollo client is also used on the frontend for queries, mutations and subscriptions. I've also incorporated the new hooks feature of react using a wonderful library called react-apollo-hooks. Steem Keychain is also used for authentication although there are currently no server side operations that require authentication.

As mentioned, the backend is powered by graphql using Hasura on top of the postgresql database created by Hivemind. You can find out more about how this is achieved here


  • Different channels, potentially based on steem tags
  • Upvotes integration
  • Inline replies like slack
  • Images, videos, emojis etc

How to contribute?

The project is open source on github so you can submit pull requests and issues there. I'm looking for suggestions for new features as well as someone with the css skills necessary to create a nice looking chat interface.

GitHub Account


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, @helo! Keep up the good work!

I've been playing around with Hasura myself the past couple of days, and finally figured out the caching stuff, so this is really perfect for me to learn some more. Yesterday I was even watching this video on how to create a real-time chat app from one of Hasura's founders, and was thinking it would be cool to implement something like this on the Steem blockchain. A very cool coincidence!

I'm personally using Vue.js instead of React (it seemed easier to learn) and having some trouble wrapping my head around some things, since I'm really new to most of the technologies involved. I'm particularly having trouble with figuring out authentication / access control and was wondering if you could possibly help me out with some of my questions (do you have Discord)?

This is something great indeed

Posted using Partiko Android

Hi @jrawsthorne!

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

Congratulations @jrawsthorne! You received a personal award!

DrugWars Early Access
Thank you for taking part in the early access of Drugwars.

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Do not miss the last post from @steemitboard:

Are you a DrugWars early adopter? Benvenuto in famiglia!
Vote for @Steemitboard as a witness to get one more award and increased upvotes!

Hey, @jrawsthorne!

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!

Congratulations @jrawsthorne! You received a personal award!

Happy Birthday! - You are on the Steem blockchain for 2 years!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Vote for @Steemitboard as a witness to get one more award and increased upvotes!

Sadly I cant login..
Do it via keychain memo key and it then just keeps verifying..

@luegenbaron should work now. Server ran out of space yesterday and crashed hivemind. I haven't been able to work on this but the basic functionality does work


yes and no

Yeah I just tried and it didn't work. There must have been changes to steem keychain since I worked on this, sorry