Introducing a new STEEM frontend: LiveSteemsteemCreated with Sketch.

in utopian-io •  2 months ago

image.png

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.

image.png

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.
image.png

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.

image.png

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.

GitHub Account

https://github.com/jrawsthorne

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:  

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!

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 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!