Introducing a new STEEM frontend: LiveSteem
Repository
https://github.com/jrawsthorne/livesteem
Introduction
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 https://livesteem.jakerawsthorne.co.uk 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
Roadmap
- 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.
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.
[utopian-moderator]
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!
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:
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 Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Congratulations @jrawsthorne! You received a personal award!
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