SteemOrganic Development - Responsive Feed

in #utopian-io7 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
Desktop View

Mobile 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

Sort:  

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]

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

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.

Hey @cryptouru
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!