Debato - update blog 2 - Profile pages and more

Repository

https://github.com/samvanemelen/debato

introduction

Thanks to a lot of feedback over the last few weeks, https://debato.org grew much closer to a minimum viable product. Every new addition brings the project closer to being launched and promoted to the larger public. This second update blog introduces some important features that were mandatory for the project to succeed.

What is debato?

You can find debato at https://debato.org
Debato is an online platform that accommodates online debates on topics big an small. We all are passionate about certain topics. Inevitably it can happen that a difference in opinion leads to conversations that resemble a bottomless pit of arguments and acquisitions. This results in many people not even getting involved or finding it a waste of time to formulate their points of view. By filtering the thoughtful arguments and by structuring arguments and sub-discussions, debato allows anyone to share their thoughts and points of view in a clear way. And why stop there? Because debato is built on the decentralized Steem blockchain, writing thoughtful and interesting arguments or discussions can get rewarded as well.

Main changes

• Redundant code has been removed - As I am learning more an more about web development I keep encountering ways to improve my previous code. I regularly revisit the code I have written and adapt functions, names or descriptions to keep the code simple, efficient and readable by others. If I still make mistakes, or if you find ways in which I can improve, I truly would love to learn from them.

• Comments and contents can now be styled using Markdown. This is done by implementing the showdown library. Layout of text was a feature that was highly needed. It makes it much more convenient to write an introduction to the discussion so others can enter the discussion informed. I often find that other platforms are compatible with markdown and partially with html? I am still figuring out how to allow certain html elements without opening the gates for html injection and unintended scripts to be run.

• You can browse discussions of people you follow with the addition of the 'Feed' tab. To really create the feeling of a community it is valuable that users can follow certain people with shared, or precisely opposite points of view to keep it interesting.

• The new banner and favicon, together with a color palette, make the site more presentable.

• The new profile page allows to view common user statistics, such as voting power, followers, following... and the discussions and arguments placed by that user. Links to these profile pages are provided when the user is mentioned, or on the debates created by that user.

Planned changes

long term plans

• A system of points (using Smart Media Tokens (SMT)) for rewarding authors and popular discussions/arguments. A system like this can give interesting incentives for users to start controversial discussions and formulate their opinions thoughtfully.

• A leader board/ranking system to provide additional incentives for engaging with thoughtful comments and debate. Having a leader board were users can view there position according to others might provide an additional motivation to be engaged in debates.

• Display statistics about a discussion (distribution of age, gender, location... on the different sides of the topic). In the long term this might prove interesting to see how other variables correlate with certain points of view. Of course this would imply that users give up certain personal information. If wanted, this can also be encouraged by offering points in a point system. Whether this conflicts with the original idea that anyone can be anonymous on the blockchain can be debated.

• Displaying the structure of the discussion you are currently viewing. Interactively showing where you are in the vast tree structure of debates. As discussions get complex and with a lot of sub discussions it is important that a user can navigate in and between topics. Discussions will develop a tree structure with arguments and sub arguments and climbing this tree should be made clear and convenient.

short term plans

• Adding functionalities on the profile page such as (un)following users and displaying the Wallet and performing common operations. These will further improve the feeling of a community and removes the need to visit other platforms to do basic operations such as transferring funds, claiming rewards etc.

• An 'about' page that introduces new users to the workings and goals of debato. This is a must have for any site where anyone can find the mission statement of the site and basic instructions on how to use it.

• Grouping operations such as 'edit' and 'remove' under a single icon that expands into multiple options. This aims to reduce cluttering of discussion pages and remove unnecessary text.

• Filtering 'hot' discussions and optionally displaying an icon on posts that are featured on the 'hot' page.

• prettier icons for functionalities like upvote, remove vote, edit post, remove post etc.

How can you contribute?

• As a developer, this is my first major project. So I don't mind feedback on issues such as inefficient/improper syntax or spelling mistakes.

• suggesting features that are of great value to the project and not already mentioned in the planned changes, here or on GitHub.

• Existing steemJS functions do not allow for complex queries. you can, for example, get the posts of a certain user, but then you can't specify a tag. This is currently resolved by loading the maximum amount of posts (100) and filtering those further. But this is not the best way when scaling up the project. Another option is to use steemSQL but this is only viable when the project has grown to a certain extend where it can support a 20 SBD per month subscription fee. Until then, other alternatives for more advanced querying of posts are more then welcome.

• If you can think of anything else, feel free!

previous updates

• Debato - update blog 1
• Debato - introduction

written by @samve