create account

KURE Community Curation App, Fundition Update - Kurated Posts Page by krnel

View this thread on: hive.blogpeakd.comecency.com
· @krnel · (edited)
$24.69
KURE Community Curation App, Fundition Update - Kurated Posts Page
A new page was added, called Kurate. This is to show the kurated posts that have been submitted to the various communities. I was originally working on posting new main content posts to Steem, but after trying over and over to get it to work, I opened a github issue for Steem Connect in the hopes one of the devs can help me figure out why it won't work.

Once I figure out why Steem Connect won't post, I will be another task completed. What's odd is that I got it to work once, but it failed like 20 times before that, and ever time after. It just errors out and won't work. I have no idea why it worked the one time only.

<center><a href="https://thekure.net/"><img src="https://i.imgur.com/7XVJN9x.png" /></a></center>

---
# Completed Tasks

- ### Kurated posts page
- ### Other work done, bug fixes and code improvements

---
# Github commits for work done
https://github.com/KrNel/kure/commit/87356a21180ac6607706e37fd71f463e94cd4920
https://github.com/KrNel/kure/commit/985e7661e435415173f9f742cb7e5003dfa94874
https://github.com/KrNel/kure/commit/4f65e742a0e9bc78e5b3b06e44dc8f841351739a

---
# Kurated posts page

With more posts to hopefully get added to the site as it gets used more, `Kurated` is now an option in the menu.

<center><img src="https://i.imgur.com/NnrN9BZ.png" /></center>

This page shows the most recent posts as a grid layout view by default. When clicking on the View icon, the view will toggle to the list layout view and back to the grid view as desired.

<center><img src="https://i.imgur.com/dCINLsz.png" /></center>

<center><img src="https://i.imgur.com/qrpF0PY.png" /></center>

<div class='pull-right'><center><img src="https://i.imgur.com/1xpvsOY.png" /></center></div>

To get the data, the `getPosts` function is called. The array of posts it returns is then added to the React state, as is the updated isLoading set to false to indicate data retrieval is completed and the loading spinner can be removed to instead show the data.

<div class='pull-left'><center><img src="https://i.imgur.com/vRCkKQV.png" /></center></div>

When the data is shown, there is a toggle option to toggle the view layout and how the post data is displayed. When the View icon is clicked, the `showGrid` state is change to be the opposite of what it was. True means to show the grid, and false means to show the list.

Finally, the component renders the appropriate grid or list component, and then it's sent to  `return` for display on the website.

<center><img src="https://i.imgur.com/xLEsnRq.png" /></center>

## Other work

The comment preview was not showing any HTML input as a comment while typing. Instead of using a basic markdown package, I used the component to display main post content which doesn't only deal with markdown. Now HTML can be seen in the comment preview.

For some extra UI/UX candy, I added some icons to the user dropdown menu. Feed, Blog and Logout have some icons to the left, rather than just be text.

I spent a lot of time trying to get the main post content functionality working, but as mentioned above, there is a problem with sending the post to the Steem blockchain via Steem Connect.

---
# Ongoing Tasks

I'm having some trouble with SteemConnect and submitting posts. Hopefully I will resolve it soon to get the posting of content feature working :)

- Post main story content (regular post)
- Liking Kurated post submissions in communities
- Rating Kurated post submissions in communities
- Edit comments
- Delete comments
- Tweak comments (limit to 20, show more option, max nested depth)
- Implement PRPL Pattern for better performance
- Viewing comments in their own page view

---
# Additional Tasks

I am adding these tasks to indicate the upcoming work I will be engaging in at some point and in no particular order:

- ### Adding infinite scroll to the Home, Communities and Kurated pages
__Description__: Scrolling to the bottom of the page will load more data to display.
**Estimated Cost of Development**: 2 hours @ $30/h = $60

- ### Adding sort functions to the Home, Communities and Kurated pages
__Description__: Data to be sorted beyond the default of date created.
**Estimated Cost of Development**: 3 hours @ $30/h = $90


---
Previous Fundition posts:
- [KURE Community Curation App, Fundition Update - Tabbed View Selection, Sorting Comments, Remembering Vote Weights](https://steemit.com/kure/@krnel/kure-community-curation-app-fundition-update-tabbed-view-selection-sorting-comments-remembering-vote-weights)
- [KURE Community Curation App, Fundition Update - UI/UX Improvements: Giving Views a Face-Lift](https://steemit.com/kure/@krnel/kure-community-curation-app-fundition-update-ui-ux-improvements-giving-views-a-face-lift)
- [KURE Community Curation App, Fundition Update - Upvoting Comments](https://steemit.com/kure/@krnel/kure-community-curation-app-fundition-update-upvoting-comments)
- [KURE Fundition Update - Replying to Comments](https://steemit.com/kure/@krnel/kure-fundition-update-replying-to-comments)
- [KURE - Community Curation Network](https://fundition.io/#!/@krnel/pbhe15b2k)

---
<sub>If you appreciate and value the content, please consider: **Upvoting**, **Sharing** or **Reblogging** below.</sub>
<sub>[![Follow](http://i.imgur.com/aTa4vR8.png)](https://steemit.com/@krnel) me for more content to come!</sub>

---
### Like what I do? Then consider giving me a vote on the Witness page :)  Thanks!

<center><a href="https://steemit.com/~witnesses"><img src="https://steemitimages.com/0x0/https://i.imgur.com/R81YLbN.jpg" /></a></center>

<sub>My goal is to *share knowledge, truth and moral understanding* in order to help change the world for the better. **If you appreciate and value what I do, please consider supporting me as a [Steem Witness](https://steemit.com/witness-category/@krnel/krnel-s-declaration-of-witness) by voting for me at the [bottom of the Witness page](https://steemit.com/~witnesses).**</sub>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 218 others
properties (23)
authorkrnel
permlinkkure-community-curation-app-fundition-update-kurated-posts-page
categorykure
json_metadata{"tags":["kure","steem","dev","fundition-pbhe15b2k","busy"],"image":["https://i.imgur.com/7XVJN9x.png","https://i.imgur.com/NnrN9BZ.png","https://i.imgur.com/dCINLsz.png","https://i.imgur.com/qrpF0PY.png","https://i.imgur.com/1xpvsOY.png","https://i.imgur.com/vRCkKQV.png","https://i.imgur.com/xLEsnRq.png","http://i.imgur.com/aTa4vR8.png","https://steemitimages.com/0x0/https://i.imgur.com/R81YLbN.jpg"],"links":["https://thekure.net/","https://github.com/KrNel/kure/commit/87356a21180ac6607706e37fd71f463e94cd4920","https://github.com/KrNel/kure/commit/985e7661e435415173f9f742cb7e5003dfa94874","https://github.com/KrNel/kure/commit/4f65e742a0e9bc78e5b3b06e44dc8f841351739a","https://steemit.com/kure/@krnel/kure-community-curation-app-fundition-update-tabbed-view-selection-sorting-comments-remembering-vote-weights","https://steemit.com/kure/@krnel/kure-community-curation-app-fundition-update-ui-ux-improvements-giving-views-a-face-lift","https://steemit.com/kure/@krnel/kure-community-curation-app-fundition-update-upvoting-comments","https://steemit.com/kure/@krnel/kure-fundition-update-replying-to-comments","https://fundition.io/#!/@krnel/pbhe15b2k","https://steemit.com/@krnel"],"app":"busy/2.5.6","format":"markdown","community":"busy","users":["krnel"]}
created2019-04-08 13:39:24
last_update2019-04-14 12:06:42
depth0
children6
last_payout2019-04-15 13:39:24
cashout_time1969-12-31 23:59:59
total_payout_value18.936 HBD
curator_payout_value5.754 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length5,933
author_reputation1,343,547,270,297,082
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id82,689,807
net_rshares39,834,352,551,956
author_curate_reward""
vote details (282)
@cambridgeport90 ·
$0.03
This is absolutely wonderful. Can't wait to try it out; seems like more and more interfaces just keep popping up randomly. This is awesome!	
👍  
properties (23)
authorcambridgeport90
permlinkre-krnel-kure-community-curation-app-fundition-update-kurated-posts-page-20190408t153025528z
categorykure
json_metadata{"tags":["kure"],"app":"steempeak/1.9.5"}
created2019-04-08 15:30:27
last_update2019-04-08 15:30:27
depth1
children1
last_payout2019-04-15 15:30:27
cashout_time1969-12-31 23:59:59
total_payout_value0.026 HBD
curator_payout_value0.009 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length140
author_reputation1,401,167,981,030
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,696,041
net_rshares59,139,888,574
author_curate_reward""
vote details (1)
@krnel ·
I'm glad you like what you see. Please do go an try it out and let me know what you would like to see developed :)
properties (22)
authorkrnel
permlinkre-cambridgeport90-re-krnel-kure-community-curation-app-fundition-update-kurated-posts-page-20190409t010312400z
categorykure
json_metadata{"tags":["kure"],"app":"steemit/0.1"}
created2019-04-09 01:03:12
last_update2019-04-09 01:03:12
depth2
children0
last_payout2019-04-16 01:03:12
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_length114
author_reputation1,343,547,270,297,082
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,717,262
net_rshares0
@fundition ·
Fundition
<center>
**This project is being supported by @Fundition the next-generation, decentralized, peer-to-peer crowdfunding and collaboration platform, built on the Steem blockchain.**
<sub>
Read the full details of [Fundition Fund program](https://fundition.io/#!/fundprogram)
Learn more about Fundition by reading our [purplepaper](https://purplepaper.fundition.io) 
![work_on_progess.gif](https://cdn.steemitimages.com/DQmPAr9Mt1ZxrDsTVUguWMoLjTjBnHB7Y7CMMxngAgPUGsY/work_on_progess.gif)

<a href="https://steemit.com/@fundition">![steemitf.png](https://cdn.steemitimages.com/DQmX3cy15dCdj13UHEXJweXi56Ke7wPygVATXTn9M4nJXnP/steemitf.png)</a><a href="https://twitter.com/funditionio">![twitterf.png](https://cdn.steemitimages.com/DQmNpvrZZwovgVjvFzECahb1Rxn3DHW44qQRR6ezKaW5tZm/twitterf.png)</a><a href="https://www.youtube.com/c/Funditionio">![youtubef.png](https://cdn.steemitimages.com/DQmb4sujNswmgi3U9HMZhPrzewtnBiq4h2meN2GTGHFncZs/youtubef.png)</a><a href="https://facebook.com/funditionio">![facebookf.png](https://cdn.steemitimages.com/DQmY4Uc6ocy3pf5743kevVwY8vSta8s1AZEyXnRaQKRuE8P/facebookf.png)</a><a href="https://www.instagram.com/funditionio/">![instaf.png](https://cdn.steemitimages.com/DQmNSCP9MBQ6ND6nEJM7Tw3tHAHSqeXpUpspaoA9BVSSVqd/instaf.png)</a><a href="https://discord.me/fundition">![discordf.png](https://cdn.steemitimages.com/DQmSxkY56B9RZWXmhUyybUR7ZtsJAf2BHHyH2pGoFLLRaH2/discordf.png)</a>
<a href="https://fundition.io">**Join a community with heart based giving at its core**</a></sub></center>
Fundition is a non profit project, by supporting it with delegation you are supporting 200+ projects.
<b><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=50%20SP" >50SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=100%20SP" >100SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=200%20SP" >200SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=500%20SP" >500SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=1000%20SP" >1000SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=2000%20SP" >2000SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=5000%20SP" >5000SP</a><a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=fundition&amp;vesting_shares=10000%20SP" >10000SP</a></b>
properties (22)
authorfundition
permlinkkure-community-curation-app-fundition-update-kurated-posts-pagefundition
categorykure
json_metadata[{"app":"fundition"}]
created2019-04-08 18:01:42
last_update2019-04-08 18:01:42
depth1
children0
last_payout2019-04-15 18:01:42
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_length2,743
author_reputation67,180,851,310,507
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,703,721
net_rshares0
@practicalthought ·
$0.31
Not sure if it is possible, but once you begin feeling you have things where you want them, would it be possible for you to add the ability for authors and/or curators to create folders. An example would be the different posts one makes, like when you were doing your herbs series. That could be one folder, then your Julian Assange posts could be another, etc. I have wanted that for the longest time, and I imagine many others would find it beneficial to be able to classify topics as well.
👍  , , , , , ,
properties (23)
authorpracticalthought
permlinkre-krnel-kure-community-curation-app-fundition-update-kurated-posts-page-20190408t220415052z
categorykure
json_metadata{"tags":["kure"],"app":"steemit/0.1"}
created2019-04-08 22:04:15
last_update2019-04-08 22:04:15
depth1
children2
last_payout2019-04-15 22:04:15
cashout_time1969-12-31 23:59:59
total_payout_value0.230 HBD
curator_payout_value0.075 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length492
author_reputation49,876,004,966,704
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,712,010
net_rshares488,805,598,202
author_curate_reward""
vote details (7)
@krnel ·
$0.02
I get what you mean, by folders you mean custom section on a profile page for users to manage, and others to see? The KURE communities can already serve as a way to do that, but they aren't listed on your page yet. I planned to make custom user pages, which would show the communities one owns and has joined, along with other customization options. Having separate sections for one's own blog, separate from a community, would be useful as well. Thanks for the suggestion. I'll make it happen at some point hehe.
👍  
properties (23)
authorkrnel
permlinkre-practicalthought-re-krnel-kure-community-curation-app-fundition-update-kurated-posts-page-20190409t010705352z
categorykure
json_metadata{"tags":["kure"],"app":"steemit/0.1"}
created2019-04-09 01:07:06
last_update2019-04-09 01:07:06
depth2
children1
last_payout2019-04-16 01:07:06
cashout_time1969-12-31 23:59:59
total_payout_value0.016 HBD
curator_payout_value0.005 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length513
author_reputation1,343,547,270,297,082
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,717,355
net_rshares36,716,404,009
author_curate_reward""
vote details (1)
@practicalthought ·
$0.10
Thank you, that would be such a huge step forward. Old posts get hard to search (can't even imagine trying it in your shoes) and would supercharge our blogs being able to narrow down to categories of topic. Especially if there were some way to order them.
👍  ,
properties (23)
authorpracticalthought
permlinkre-krnel-re-practicalthought-re-krnel-kure-community-curation-app-fundition-update-kurated-posts-page-20190409t221056911z
categorykure
json_metadata{"tags":["kure"],"app":"steemit/0.1"}
created2019-04-09 22:10:57
last_update2019-04-09 22:10:57
depth3
children0
last_payout2019-04-16 22:10:57
cashout_time1969-12-31 23:59:59
total_payout_value0.075 HBD
curator_payout_value0.024 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length255
author_reputation49,876,004,966,704
root_title"KURE Community Curation App, Fundition Update - Kurated Posts Page"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,772,315
net_rshares163,730,525,851
author_curate_reward""
vote details (2)