[//]: # (https://github.com/KrNel/kure)

This weekend was an intensive round of developing. The much needed ability to browse content from Steem has arrived! And what's more, is that those posts can be added to groups! This is a big step forward to a public release. I can see the light at the end of the tunnel :p

Other improvement were also made, such as verifying the permissions at the server-level for an action a user is trying to perform (not just client side). I also extracted the fetches and validation code from the a few components to make them reusable through out the app. If a post is added manually through the URL on the Manage page, now the real proper title is shown, and not the permlink ;)

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

---
# Repository
https://github.com/KrNel/kure

---
# Index
1. What is KURE?
2. New Features
	2.1 Browsing for Steem Content to Curate
	2.2 Adding Browsed Posts to Communities
3. Other Changes/Improvements
	3.1 Extracted validation into separate file for reuse
	3.2	Extracted the server fetches into separate file for reuse
	3.3 Permission verification added to server-side processing
	3.4 Adding a post manually via URL grabs the proper title
4. Pull Request / Latest Commits
5. Roadmap
6. Contact

---
# 1. What is Kure?

### Kindred United to Reward Everyone.

#### A Community Platform and Curation Network Remedy for Steem

Do you want to find content that other people really value? How?

Upvotes don't do it, because so many upvotes come from autovoting, autobots, or curation trails. You don't know if a vote for content is done by a real person, or some automation. The content isn't being evaluated when it's automated.

Imagine a curation network where people are interacted through community groups to share and value content, and you can really see what they value globally through various communities that people organize and collaborate together to build.

KURE provides a network hub for people to create their own community groups for evaluating content to curate. It will also develop into communities to create posts within.

Create your own communities and have others join to contribute. Make up your own criteria. Manage who can add curation links to your community group. Anyone else can follow your community and engage.

My goal is to make content easier for everyone to find by all of us sharing the content we like trough communities. Others can find communities they are interested in and see what is being curated within that community to also support it with upvotes, resteems and comments.

Maybe you want to share what you value, and get others to see it or support it, but don't want to resteem it, or want more people to see it. On KURE, the community you create and those who are involve din it will popularize content you value and allow others to see it. Another way of thinking about it, is it's kind of like having a custom community feed, based on a community that engages in creating it, rather than just one person.

---
# 2. New Features

## Video Demonstration

https://vimeo.com/316667581

---
## 2.1 Browsing for Steem Content to Curate

The ability to view post summaries from the Steem blockchain has finally been implemented. When you go to the Kurate page, the newest posts will load.

#### *Visualized*

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

There is a lot of code to get this done, but the main part that shows the post is divided into `Author`, `Thumbnail`, a `PostActions` components. The `Author` section displays the author name, reputation, category, posted time and payout value. The thumbnail will show the first image from a post. And the `PostActions` component will show all the actions you can do, such as likes, votes, comments, dislikes, flags and adding a post to a community. They don't work yet other than the plus button of adding a post.

#### *[Code snippet](https://github.com/KrNel/kure/blob/423dc137fe4a6ff223cda67d0f891d2fbe5f8639/client/src/components/pages/Kurate/PostsSummary.js)*

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

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

## 2.2 Adding Browsed Posts to Communities

Browsing posts was required for this all-important step: ADDING BROWSED POSTS TO COMMUNITIES! Wo0ot!

This is done via the plus circle icon. Click on that for any post, and you get a modal popup window that asks you to `Select the community you want to add the post to:`. You can then choose one of the groups you either own, or that you have joined, and add it. 

#### *Visualized*

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

Boom! Done! That easy. No need to manually add URLs anymore (although you still can) if you want to add a post you found outside of the site. But in the future, there will be a full front-end so you won't need to go anywhere else, and everything you view on Steem can be added to a community easily ;)

Clicking on the button sends data to be saves in state, then a the modal opens and you get to add it to a community, then all the data is sent to the server. 

#### *[Code snippet](https://github.com/KrNel/kure/blob/423dc137fe4a6ff223cda67d0f891d2fbe5f8639/client/src/components/Modal/ModalGroup.js)*

<center><img src="https://i.imgur.com/TcTtzQ9.png" /></center>
<center><img src="https://i.imgur.com/JhVfpgz.png" /></center>
<center><img src="https://i.imgur.com/6fxIijJ.png" /></center>

A lot more happens, like validation and fetching which is part of some improvements detailed below ;)

---
# 3. Other Changes/Improvements

---
## 3.1 Extracted validation into separate file for reuse in app

The validation all still works like before (as I've previously shown), but after separating the functionality out into it's own file, I was able to bring it into the new Kurate section and validate the posts to add.

If you are submitting a post that already exists in a community group, you get a error telling you: `Post already in group`.

#### *Visualized*

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

When the post is submitted, the server check to see if you or someone else already added it. If you, the processing stops and a response is sent back telling you that the `postExists`.

#### *[Code snippet](https://github.com/KrNel/kure/blob/423dc137fe4a6ff223cda67d0f891d2fbe5f8639/server/routes/manage/groups.js)*

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

---
## 3.2	Extracted the server fetches into separate file for reuse in app

I improved how the fetches and calls to the server are made by extracting the functions, and refactoring the code to remove duplication of code. It's a lot more streamlined now making for cleaner code ;)

This is what it looks like without comments:

#### *[Code snippet](https://github.com/KrNel/kure/blob/423dc137fe4a6ff223cda67d0f891d2fbe5f8639/client/src/components/pages/Manage/fetchFunctions.js)*

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

---
## 3.3 Permission verification added to server-side processing

I had previously added verification of access to the client-side, but if someone who owned a group changed another user's permissions, they would still have the same permissions as before as long as they didn't reload the app, since this is a SPA (Single Page Application).

I had to implement server-side verification of permissions as well. This was easier to implement than on the client side. One function does all the checking for the adding or deleting or groups, posts or users. Very simple and elegant if I do say so myself ;)

#### *[Code snippet](https://github.com/KrNel/kure/blob/423dc137fe4a6ff223cda67d0f891d2fbe5f8639/server/utils/verifyAccess.js)*

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

---
## 3.4 Adding a post manually via URL grabs the proper title

Before, when a post was manually added via URL, the permlink was used as the title, because I wasn't yet hooking into the blockchain to get the title. Now I am, so I fixed the title displayed when manually adding a post ;)

If adding a post like `https://steemit.com/philosophy/@krnel/reduced-to-ashes`, the title used to be shown as `reduced-to-ashes`. Now, it shows the real title as `Reduced to ashes...`.

#### *Visualized*

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

When the URL is submitted to be added, a call is made to the Steem blockchain to get the post details, and the `author`, `category`, `permlink` and `title` are kept, being sent back to the client view and server backend.

#### *[Code snippet](https://github.com/KrNel/kure/blob/423dc137fe4a6ff223cda67d0f891d2fbe5f8639/client/src/components/pages/Manage/validationFunctions.js)*

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

---
# 4. Pull Request / Latest Commits

- [Pull Request](https://github.com/KrNel/kure/pull/2)
- Commit: [feature: Browse posts, Add to community](https://github.com/KrNel/kure/pull/2/commits/423dc137fe4a6ff223cda67d0f891d2fbe5f8639)

---
# 5. Roadmap

Coming up:
- Browse Steem content by hot and trending if desired
- Browse by tags
- Infinite scroll
- Viewing content details in full

You can see the [longer roadmap](https://steemit.com/utopian-io/@krnel/kure-development-update-2-managing-users) in a previous post.

---
# 6. Contact

If you want to contact me, you can reach me on Discord at https://discord.gg/ApUp4jJ, or email at `krnel@protonmail.com`. I'm not really on steem.chat, but I think I get emails if you send me a message.

- [Discord](https://discord.gg/ApUp4jJ)
- Email: `krnel@protonmail.com`

---
Thank you for your time, attention and support! I appreciate it!

Peace.