create account

Introducing Steemboard - A new way to interact with the Steem blockchain by markangeltrueman

View this thread on: hive.blogpeakd.comecency.com
· @markangeltrueman ·
$0.44
Introducing Steemboard - A new way to interact with the Steem blockchain
Hey all

I've been quite excited about a project that I have been working on and I finally feel it's at a stage where I can show you all the initial prototype and then go through what my plans are for it going forward.

![Screen Shot 2017-12-01 at 13.54.56.png](https://steemitimages.com/DQmde4eK4L8bAmsaCCWDD4iza3TkVk3P9Qk8sFw4urefoGw/Screen%20Shot%202017-12-01%20at%2013.54.56.png)

Now please understand that at this stage, this is just a working prototype that I have been working on for about a week - it is pulling the user's blog, feed, tags and user posts from the blockchain and displaying them in this fashion. It is written using ReactJS. I might have only been coding it for a week in my spare time, but I've been thinking about it a lot - to the extent where I'm sometimes having problems getting to sleep at night with all the ideas I have in my head!

The current design will change slightly. Colours, fonts and links are pretty much defaults; I plan to make this a really nice experience to use though.

The thing I'm excited about here is what I have planned for it. I think it's best to do a set of bullet points here...

- The feeds will be **totally configurable**. You will be able to display your comments and their value in a feed, the replies to your posts and comments, any user's feed, any tag(s) you want from New, Trending etc. Filtering will be an option of course!!
- Addition of new columns will be done by clicking on the toolbar on the left and choosing the type (user, tag etc). You can then set parameters for the column.
- Feed columns will auto-update when new data comes in if required.
- Feed columns will be drag and droppable, so you can put your most important feeds on the left-hand side.
- Feed columns will have the ability to be hidden and shown - the left-hand icon menu (which pops out) will show all of your feeds and you can click on a feed icon to make it visible or to move the view so that you can see the chosen feed. 
- Feeds will be tag sensitive - ie, if you have a feed specific to the #photos tag, this could be shown differently to those in the #steemit tag (maybe you want to have larger thumbnails for instance).
- Clicking on posts will bring up a lightbox view of the post, as opposed to a new page like Steemit does.
- Column width will be customisable.
- Power search - one of my favourite ideas - feeds that have more advanced search criteria that can be used to improve your ability to curate. I'll probably use SteemSQL to do this as it is quicker and easier than using the blockchain. For instance, you might want to show posts by users with a rep between 40 and 50 that have a post under 30 minutes old with over 30 upvotes and under $1 in rewards.
- Notifications for many different events.


These are some of the plans I have for the "Feed" portion of this. I also have the following plans.

- A constantly visible toolbar at the top or bottom the screen showing your account overview, (including Steem, SP, SD, Savings, Est Acc Value and current rewards) as well as your current voting power and reputation.
- A button on this toolbar to claim rewards (no longer having to go to your wallet screen to do this)
- Account history in a more stylish manner.
- A detailed user profile showing pending payouts and other useful statistics on top of the current functionality.
- More detail on the weighting and value of individual votes on your posts.
- Authorisation via SteemConnect.
- More statistics available - info on people following, unfollowing, flagging, upvoting. This sort of info should be easier to see that it currently is.

My plan is to continue working on this and eventually get a working version on something like Openshift for Alpha and Beta testing. If you are interested in helping me out when it gets to this stage then please drop me a comment below.

I'd like to hope that this idea gets some traction as I think it's a great way to view the blockchain. If it does get enough traction then I'm open to getting others involved though something like @utopian-io in the future.

If you guys have any other ideas for this then please let me know. I'm pretty sure that I haven't noted down all the plans I have here so there will be more to come!

I'll keep you guys updated with progress as I make it - either through this account or @steemboard

Thanks for reading folks

Mark
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authormarkangeltrueman
permlinkintroducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain
categorysteem
json_metadata{"tags":["steem","steemit","steemdev","steemboard","utopian-io"],"users":["utopian-io","steemboard"],"image":["https://steemitimages.com/DQmde4eK4L8bAmsaCCWDD4iza3TkVk3P9Qk8sFw4urefoGw/Screen%20Shot%202017-12-01%20at%2013.54.56.png"],"app":"steemit/0.1","format":"markdown"}
created2017-12-01 14:42:33
last_update2017-12-01 14:42:33
depth0
children17
last_payout2017-12-08 14:42:33
cashout_time1969-12-31 23:59:59
total_payout_value0.408 HBD
curator_payout_value0.037 HBD
pending_payout_value0.000 HBD
promoted0.900 HBD
body_length4,367
author_reputation75,759,505,276,179
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id22,098,010
net_rshares136,956,319,080
author_curate_reward""
vote details (25)
@dez1337 ·
$0.25
Looks quite intersting πŸ‘Œ Which technologies are you using?
πŸ‘  
properties (23)
authordez1337
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t181012634z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 18:10:15
last_update2017-12-01 18:10:15
depth1
children1
last_payout2017-12-08 18:10:15
cashout_time1969-12-31 23:59:59
total_payout_value0.186 HBD
curator_payout_value0.061 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length58
author_reputation20,544,257,521,749
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,115,141
net_rshares74,807,674,968
author_curate_reward""
vote details (1)
@markangeltrueman ·
$0.06
It’s reactjs and nodejs. Hooking into the steemjs api.
πŸ‘  
properties (23)
authormarkangeltrueman
permlinkre-dez1337-2017121t181349382z
categorysteem
json_metadata{"tags":"steem","app":"esteem/1.4.7","format":"markdown+html","community":"esteem"}
created2017-12-01 18:13:51
last_update2017-12-01 18:13:51
depth2
children0
last_payout2017-12-08 18:13:51
cashout_time1969-12-31 23:59:59
total_payout_value0.046 HBD
curator_payout_value0.015 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length54
author_reputation75,759,505,276,179
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries
0.
accountesteemapp
weight500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,115,429
net_rshares19,473,439,250
author_curate_reward""
vote details (1)
@googlee ·
Hay my friend really producing a great platform and will be more attractive. Hay you are really doing great. May soon you will came with its full work platform.
properties (22)
authorgooglee
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t144548456z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 14:45:51
last_update2017-12-01 14:45:51
depth1
children0
last_payout2017-12-08 14:45:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length160
author_reputation17,464,755,521,328
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,098,285
net_rshares0
@mattniblock ·
$0.03
This looks like an awesome project and I can see it really helping with content discovery as well as just curating your feeds. Keep it up!
πŸ‘  
properties (23)
authormattniblock
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t185646112z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 18:56:45
last_update2017-12-01 18:56:45
depth1
children2
last_payout2017-12-08 18:56:45
cashout_time1969-12-31 23:59:59
total_payout_value0.025 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length138
author_reputation1,357,095,836,926
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,118,542
net_rshares8,224,997,309
author_curate_reward""
vote details (1)
@markangeltrueman ·
Thanks. The main issue I have is curating good content so i'm hoping to be able to get my favourite feeds merged and filtered into one or more columns.
πŸ‘  
properties (23)
authormarkangeltrueman
permlinkre-mattniblock-re-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t185838507z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 18:58:39
last_update2017-12-01 18:58:39
depth2
children1
last_payout2017-12-08 18:58:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length151
author_reputation75,759,505,276,179
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,118,681
net_rshares1,080,172,014
author_curate_reward""
vote details (1)
@mattniblock ·
Sounds great and I wish I could help but I know nothing about React I'm afraid.
properties (22)
authormattniblock
permlinkre-markangeltrueman-re-mattniblock-re-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t190009999z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 19:00:09
last_update2017-12-01 19:00:09
depth3
children0
last_payout2017-12-08 19:00:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length79
author_reputation1,357,095,836,926
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,118,815
net_rshares0
@rimicane ·
$0.03
My eyes like it, my head not so much. You have mentioned a lot and I am afraid that the interface will be a bit busy?!

When someone has got so many ideas they struggle to sleep, the most important is not to overcomplicate! :)  What kind of help would you need? Testing or working on it?
πŸ‘  
properties (23)
authorrimicane
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t182738448z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 18:27:36
last_update2017-12-01 18:27:36
depth1
children4
last_payout2017-12-08 18:27:36
cashout_time1969-12-31 23:59:59
total_payout_value0.019 HBD
curator_payout_value0.006 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length287
author_reputation35,751,116,666,878
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,116,517
net_rshares8,087,914,020
author_curate_reward""
vote details (1)
@markangeltrueman ·
$0.33
There won’t be much more on the interface than there already is shown in the image. Everything else will be on separate loaded windows apart from a toolbar. You could have more or less feeds if you wanted too.
πŸ‘  , , , , , , , , ,
properties (23)
authormarkangeltrueman
permlinkre-rimicane-2017121t183129791z
categorysteem
json_metadata{"tags":"steem","app":"esteem/1.4.7","format":"markdown+html","community":"esteem"}
created2017-12-01 18:31:30
last_update2017-12-01 18:31:30
depth2
children0
last_payout2017-12-08 18:31:30
cashout_time1969-12-31 23:59:59
total_payout_value0.316 HBD
curator_payout_value0.010 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length209
author_reputation75,759,505,276,179
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries
0.
accountesteemapp
weight500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,116,798
net_rshares103,267,628,808
author_curate_reward""
vote details (10)
@markangeltrueman ·
and as for help, both testing and development πŸ˜€
properties (22)
authormarkangeltrueman
permlinkre-rimicane-2017121t18340639z
categorysteem
json_metadata{"tags":"steem","app":"esteem/1.4.7","format":"markdown+html","community":"esteem"}
created2017-12-01 18:34:03
last_update2017-12-01 18:34:03
depth2
children2
last_payout2017-12-08 18:34:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length47
author_reputation75,759,505,276,179
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries
0.
accountesteemapp
weight500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,116,990
net_rshares0
@rimicane ·
Uhh, developing is not my thing, I am more of a data mining/management kinda thing, but I wouldn't mind helping you test it!
properties (22)
authorrimicane
permlinkre-markangeltrueman-re-rimicane-2017121t18340639z-20171201t183855535z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 18:38:51
last_update2017-12-01 18:38:51
depth3
children1
last_payout2017-12-08 18:38:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length124
author_reputation35,751,116,666,878
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,117,328
net_rshares0
@ronism ·
Looks awesome. Would be cool if you could display the feed across all columns. It would be similar to a tumblr blog.
πŸ‘  
properties (23)
authorronism
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171207t160832180z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-07 16:08:30
last_update2017-12-07 16:08:30
depth1
children0
last_payout2017-12-14 16:08:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length116
author_reputation588,344,741,904
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,680,302
net_rshares597,666,582
author_curate_reward""
vote details (1)
@saifulazhar ·
Really good work
properties (22)
authorsaifulazhar
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t150138497z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 15:01:39
last_update2017-12-01 15:01:39
depth1
children0
last_payout2017-12-08 15:01:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length16
author_reputation1,669,815,356,448
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,099,682
net_rshares0
@seckorama ·
Looks interesting. But this will be, as I understand, just user interface, you won't have option to write posts and articles like blockchain like busy.org or utopian-io?
properties (22)
authorseckorama
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171202t213522572z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-02 21:35:30
last_update2017-12-02 21:35:30
depth1
children2
last_payout2017-12-09 21:35:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length169
author_reputation683,650,158,542,445
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,216,274
net_rshares0
@markangeltrueman ·
On the contrary, it will link through SteemConnect to authorise against your posting key so you will be able to do anything you can do on steemit, busy.org etc.
properties (22)
authormarkangeltrueman
permlinkre-seckorama-re-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171202t213649174z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-02 21:36:48
last_update2017-12-02 21:36:48
depth2
children1
last_payout2017-12-09 21:36:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length160
author_reputation75,759,505,276,179
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,216,362
net_rshares0
@seckorama ·
aha, ok, that's good then.  Btw: you should have the option of directly embedded DTube videos, Steamit doesn't have it yet.
πŸ‘  
properties (23)
authorseckorama
permlinkre-markangeltrueman-re-seckorama-re-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171202t214103196z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-02 21:41:09
last_update2017-12-02 21:41:09
depth3
children0
last_payout2017-12-09 21:41:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length123
author_reputation683,650,158,542,445
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,216,575
net_rshares1,038,292,403
author_curate_reward""
vote details (1)
@sergiomendes ·
It Looks like a very interesting project to help all users navigating and see what we really want. Best luck and keep it up with the good work because it is looking great :D
properties (22)
authorsergiomendes
permlinkre-markangeltrueman-introducing-steemboard-a-new-way-to-interact-with-the-steem-blockchain-20171201t145237614z
categorysteem
json_metadata{"tags":["steem"],"app":"steemit/0.1"}
created2017-12-01 14:52:33
last_update2017-12-01 14:52:33
depth1
children0
last_payout2017-12-08 14:52:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length173
author_reputation679,479,999,494,529
root_title"Introducing Steemboard - A new way to interact with the Steem blockchain"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,098,880
net_rshares0