0000000000000100 - Steemit Interface PoC - Tag Cloud and Tidy Up
When I started thinking about rewriting Steemit's front end and producing a Proof of Concept, I didn't want to just make it pretty, I wanted to add to it - some extra features that steemit.com doesn't have.
So over the weekend, I worked on a feature that I thought could work quite well within a community page - A Tag Cloud.
Below is an example where the right hand column (currently) lists all of the tags that have been used within the World of Xpilar posts. In this case, I have selected the "club100" tag which has filtered all of the posts within World Of Xpilar that have used this tag.
I've currently got it set so that all of the tags are listed and as a bit of fun, can you guess what the most used tag within World of Xpilar is?
In addition to this, I've also tidied up the area where the posts are displayed - I currently loop through 5 posts at a time to display the alternating 2 and 3 column layout but this meant that if there were fewer than 5 posts, then you'd get some blank blocks and missing images. So I fixed this and introduced a nice, new design when there are 4 posts remaining.
I'm quite excited by this and am pleased with how things are coming together 🙂
I'm not sure where I'll go next with this - it's tempting to create a "blog" page displaying a user's content but I think I'll keep going further with what I've got first. I need an update to the API so that I can identify pinned posts and also need to include some "post stats" - things like number of comments, upvotes, etc. and community information. Plenty to do - fortunately, I've not come across any major stumbling blocks to slow me down yet.
Very good idea with a tag cloud. I wonder if it will be possible to add filters for sorting posts, because the existing ones are not very useful. As well as replace the search, you can even use a ready-made from Google.
I am delighted with your work. I can't wait for further updates.
Thank you for making a useful and relevant comment on this post.
#lucky10
Thanks! With your support, you have accelerated the birth of a new Dolphin ☺️
#lucky10 eh? That's a new one which I very much approve of 🙂
It is an old one from a year or so ago. Time for a revival.
Greetings steemcurator01
I've been inviting people to Steemit but they can't make account on steemit. Steemit sign-up interface is showing insufficient places at steemit. Do steemit have the limit of accounts? Neither there's any other option. Can you please check this.
Thanks for spotting this. It has been passed on to the Engineering Team to investigate and fix.
Hopefully it will be finished and fixed soon, we hope for the best and this platform will be the best.
Today we see that this platform is growing day by day and its popularity is increasing significantly. So it has great potential and will be glimpsed by many investors later, then more and more active users take the initiative to join the #Club5050, #Club75 and #Club100 programs. Hopefully the future will be better and more blessed.
I didn't even know there was such a new initiative. This is something like your contest.
It certainly is - I obviously like the idea, encouraging people to comment as well as posting.
I've been thinking about filters - not so much in relation to how posts are sorted but how to filter the posts within the community to focus on those that you're most interested in (hence the tag cloud). Some of this could be very tricky though - what do you have in mind?
You're right, I meant filters, not sorting posts. I'm interested in whether you can prescribe as many parameters as possible to filter posts. For example: the number of characters, the reputation of the author, etc.
Yes, I should be able to do that. I've done a lot more work on the tags today and expanded my work to look beyond just World Of Xpilar although I'm starting to think that I've gone too deep on some things which is supposed to just be a proof of concept at this point. I'll have Steemit rewritten before the end of the week at this rate 🤣 (not really)
It's so... elegant and simply beautiful!
Cloud with tags is amazing and useful. Is it possible to make it work better than the searcher? The searcher skips plenty of tags, especially those that are written as fifth or later.
Could it include tags from the comments? I do have that contest to increase comment activity (you did one in WoX as well, didn't you?). Now it's counted manually, but it's hell, so searching comment tags would make my life easier -I'd gain 4 hours weekly for sleeping or cooking to not eat Chinese food so often.
All those contests and programs from the past, like #affable or #onepercent would be easier to manage too.
Thank you for making a useful and relevant comment on this post.
#lucky10
good afternoon. Greetings, since I've been in the 5050 club, I've never had a visit from you @steemcurator02
You need to post at least daily to increase your chances of being voted - not just 3 times in a week.
Dear @steemcurator02 if that the criteria i am supposed to have received some upvote from you or @steemcurator01 because i make at least 4, 5, 6,7, or More at times in a week but i have not gotten votes from you except from the crypto assignments. Till the extend i was frustrated i almost gave up some weeks earlier this month, i even started powering down approximately 63 steem (which was first power down)but changed my mind and stopped and powered up 34 steem. My post was even selected as best post of the in steem for betterlife but still no vote. To be sincere i am one of the most oldest and active Steemians in my location, so therefore i had a great impact in bringing and encouraging Steemians in my locality, but how can I continue to encourage when i my self is discouraged.
I also created a community but you and steemcurator01 never visited causing my subscribers Leave, resulting the community to lose most of it's active members. And i didn't blame the cause we are not getting support 😿, and i am to poor to support all their post. To be sincere i am fillled with grievance, sadness, pain and depression. I am only active because of people that are looking up to me as their leader otherwise i would have power down and left steemit.
Please 🥺 do the necessary so i can be encouraged to encourage more. I am in the right position to bring many subscribers but i need support to support the promotion.
To be sincere i don't want to leave steemit, but i am losing hope.
#club75
#club5050
Buenas tarde amigo @steemcurator02, se que el trabajo en la plataforma cada vez es mayor, y la posibilidad de visitar todas las publicaciones es algo realmente imposible, por lo cual entiendo que su trabajo es muy fuerte he importante, pero me gustaría informarle que desde hace más d 4 meses que no recibo apoyo de ninguna de las cuentas de curadores, solo he logrado algunos votos booming, pero con ellos he mantenido mi participación en el #club5050 por que reconozco la importancia de estos para el crecimiento y fortalecimiento de la plataforma, estaré en espera de una forma positiva de que el tiempo le permitirá visitarme y tal vez recibir de su apoyo, le pido disculpas mi amigo y le deseo bendiciones.
Hiiii sir,
I'm giving my diary on steemforbetterlife but no one giving attention on my post.
Please support sir.
@alfazmalek
@steemcurator02
I am the member of steemwomnsclub but they did not attention to my post...
Please help me 😭
https://steemit.com/hive-188403/@maryamnadeem/healthy-recipe-contest-at-steemwomensclub-post-by-maryamnadeem
This is link of my post of contest ❤❤
Saludos @steemcurator02, le escribo por la necesidad de que revise mi perfil, tengo dos tareas del curso de principiantes que vencieron sin ser curadas, las re publique hace 4 dias y aun no han recibido el voto, ellas fueron aprobadas y corregidas por el profesor pero no han redcibido el voto correspondiente, a continuacion le dejo el enlace de las tareas.
Repost / Crypto Academy S5 - Homework Post for task 4.
Captura de pantalla con la correccion de la tarea original
REPOST/ Steemit Crypto Academy S5 - Homework Post for Task 7
Captura de pantalla con la correccion de la tarea original
Cc.
@steemcurator02
@shemul21
@dilchamo
@sapwood
I'm dependant upon the API for this but I know that the Tag Cloud I've written looks at all of the tags , irrespective of whether it's 1st or 8th.
Possibly - I'll need to use a different API for this (I think). I've automated the work I do in WOX which requires manual verification at the end but it's much quicker than reviewing all of the comments that we've been doing - especially if the top commenters are authors you're familiar with. If you're happy using the same algorithm as me, I can tweak it for your community and share the data with you and then you can do a bit more cooking! Ping me a note on Discord if this sounds good and I can talk you through the algorithm (and how I plan to improve it in the future).
That would be wonderful, I'll text u!
I love it, this is going to be great
🤞🏼
This looks very good! The Tag Cloud is very useful.
In our community Deutsch Unplugged we have also thought about a summary of the used tags. So far, however, I have not been able to find a suitable API (or SDS) function for its implementation. In the end, I would have solved this by looping through all community posts and collecting the tags.
It would be nice if you could briefly explain how you solved this.
I used steemchiller's API - getActiveCommunityPostsByCreated - and as you suggest, loop through the posts to get the tags (within the json_metadata). I store these in an array where the "key" is the tag and the "value" is a simple counter. I then sort the array alphabetically by key and output the HTML classes that I need for the varying tag sizes.
Yes, that's how I imagined it.
Especially for WOX there should be a large number of tags. You will also have to keep an eye on the data management and refresh rate.
So it's a good idea to limit the results, as you described in another comment. :-)
I'm currently displaying 25 posts per page and limiting my data grinding to 5,000 posts which is acceptably quick at the moment. I'm doing any asynchronous loading yet which would make the user experience much quicker I suspect. I'm glad it's a proof of concept as my code's becoming a mess already so I might have to tidy some of it up before going too much further!
Awesome dude, one question though. Do the tags populated on the right side change in size according to the post submitted under them or did you put some custom code to make it look like that?
Also did you stick with the condenser API or are you using something else?
Feeling excited to see the next thing you come up with.
Kudos!!
The screenshot above has the tag cloud reflecting all of the posts within the community. My intention is to update it so that it only show the tags from the posts displayed on the screen. Adding another layer of complexity, I could allow for multiple tag selection so that people interested in "football" for example, can then filter their posts even more. I don't know how far down this road I'll go just yet but it's a possibility.
I'm using Steemchiller's API. I gave up on condenser fairly quickly.
That would be a very nice possibility. :-)
But I also think it would be complex because the current API methods only allow filtering by "one" tag. For another tag, you would have to filter the results "manually"....
But I'm sure you'll find a solution... :-)
And currently, my 1 tag is the community 🙂 I'll have to think about it more but it could be that when I'm looping through and reading the tags, I create an array per tag that's been selected and compare the arrays. In fact, it'll be easier than that - I already loop through the tags for each post to get my tag cloud - I just need 2 variables which when I find each tag, toggles the variable to true. If both are true, it stores the post in my "display array".
This probably makes zero sense but it does to me 😆
That's the point!
Your description is similar to what I had in mind at the time: forming intersections. But the theoretically infinite number of tags prevented me from thinking further.
That also makes no sense ;-))
Limiting the data/posts will be essential here....
I've put a limit on - I think it's 5,000 posts per page load which isn't too painful but easily adjusted.
The way I'm doing it is to retrieve the posts from the first tag (I can retrieve 1,000 posts very quickly) and loop through, checking if it matches the 2nd tag - I then store the posts that match in an array to get loaded into the page later. My check for the 2nd tag could just as easily be for the 3rd or 4th tag too. At the end of the loop, I check to see if I've got enough posts to populate my page (which I've currently limited to 25 posts) and if I have, I break the loop. If I reach the end of the 1,000 and don't have enough, I'll call the API again and load in the next 1,000 posts. I've currently got a limit on it being 5 loops.
This doesn't sound too graceful but the point at which I make this asynchronous, it'll improve the experience and would allow me to reduce the loop size or similar.
It doesn't feel great when I write it like I have done so perhaps an API that accepts multiple tags is needed here 🤔
Absolutely right!
An important point is the data structure for filtering the posts. So that standard methods allow filtering with low costs. Then you don't need (multiple) loops.
Your post is manually rewarded by the
World of Xpilar Community Curation Trail
STEEM AUTO OPERATED AND MAINTAINED BY XPILAR TEAM
https://steemit.com/~witnesses vote xpilar.witness
Great developments!
Is in-site messaging really possible? Does it require a lot of effort?
What do you mean by in-site messaging?
Private messaging (DM) between users on social media
My initial thinking is that it would be difficult. But... it could be possible using the Memo Key (which I don't really understand) and perhaps possible using it's capability via the wallet (i.e. each message you send has a "transaction fee" of 0.001 Steem and I'm simply providing an interface for the encryption and decryption. It's beyond my thinking (and current understanding) at the moment but it's possible that all of the technology currently exists on the blockchain.
@starlord28 - what do you think?
Ahhh.. I already had the same thought of using the memo key for encryption and decryption. However, this was previously attempted and there was a lot of spam which resulted in the increase in the log size of SteemD and was not something the community liked. There is something that steemchiller and I had a chat about called https://matrix.org/ This is a decentralized solution that would be great to have. Might give this a try sometime this year.
How did the previous attempt work? Did messages appear like replies which only the recipient could decode? Or was it a separate interface.
Nice idea. Keep going.
Thanks 👍🏼
Your help and contribution to the community is much appreciated. We say for the community because your contributions are for the platform which is only a platform because of the community behind it. So thank you!
You're welcome.