SteemOrganic Development - Responsive Feed

cryptouru (57)in #utopian-io • 6 years ago (edited)

Introduction

Hello Utopians! @cryptouru here with my first development. I'm submiting this post as a fulfilment of this task request:

https://steemit.com/utopian-io/@firedream/development-task-request-responsive-web-page-for-fd-organic-trending-posts-tool

I've seen numerous developments of @firedream on the past and I found all of them very informative and inspiring. I really like what he is doing to share some light on what is happening within the steem platform.

I really liked the idea of an organic steem feed. I believe that is the current missing tab/category on steemit; as with the current system, most post on hot or trending are not really organic. This is why I wanted to be part of this project and help pushing forward the idea of an organic feed.

Repository

https://github.com/firedreamgames/steemit_trending_organic

New Ecnhancements

Responsive redesign

The task at hand asked for a new mobile friendly frontend for the application, so this was the main issue that I worked on.

I choose milligram and its CLI as a lightweight frontend framwork:
https://milligram.io/

Desktop view

Mobile view

Implemented sidebar for desktop view
Implemented fixed header

Other

Changed folder and code structure for better management and future scalability
Added NPM for package management and hot reloading build and watch scripts
Implemented bot blacklisting as modal popup
Implemented URL state management via hash tag. It is now possible to access directly to tags using URL like this one: https://fdsteemtools.neocities.org/organic.html#dtube

Proof of Work Done

https://github.com/firedreamgames/steemit_trending_organic/pull/6
https://github.com/firedreamgames/steemit_trending_organic/commit/d452079187ba30d23ce1c5718883ff300671fb8a

#development

6 years ago in #utopian-io by cryptouru (57)

Sort:

codingdefined (68) 6 years ago

Thank you for your contribution. You have added all the code in a single commit, it would be nice if you can focus on one part and then push the changes to github, it will be easier for us to check.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.

Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

$0.07

1 vote

[-]

cryptouru (57) 6 years ago

Thanks for the review! You are totally right about the commits, I'm sorry for the hassle. Even though I've been coding for a while, this is my first open source contribution. So I'm still learning the best approach. Any kind of feedback is welcomed! :)

Cheers

$0.00

[-]

firedream (61) 6 years ago

Thank you @cryptouru.
Very nice work done and even before dead-line.
For me the task is fulfilled as requested.
https://fdsteemtools.neocities.org/organic.html is much better thanks to you.

FD.

$0.06

1 vote

[-]