Steemhunt.com improvements & new feature added, July 25

in #utopian-io6 years ago

Github(web) : https://github.com/Steemhunt/web
Github(api) : https://github.com/Steemhunt/api

Introduce

Hello Steemit!

I am @astrocket who joined SteemHunt as a developer few weeks ago. Regarding on blockchain world, I have been mainly focusing on ethereum & solidity. I knew about steemit and what it does, but didn't know that it has ability to run 3rd party DApps like SteemHunt. It was very interesting and I was really amazed that a lot of people over the planet were working together as a community without even knowing who they are working with, and still be able to share the value of one's contribution as a token. I really wanted to join the community and meet you guys !

I am posting my first dev logs to share my experience and feeling of joining the Steemit community.

Nice to meet you guys :D

below is my dev log.

New Features

1. Navigating Hunt posts by tags.
Previously, tag buttons just redirected the client to Steemit's website. After this feature, user can navigate by any tag names and list all the hunted products with same tags included.

  • Route for front-end
  • Corresponding redux (action, reducer, selector) to call api, update application state.
  • Reusable React Components.
  • Styling codes.

Commits:
https://github.com/Steemhunt/web/commit/34515dce5970215ef75448425f29f1f50d96f2f9
https://github.com/Steemhunt/web/commit/69448356d0c0b63015b6731857db302b01763e89

2. Showing related tags based on tag data.
SteemHunt's each post data contains tags column that saves an array of Hunter's suggested tags. I made a temporary front-end table-like JSON variable to count up tags for every rendered tag posts. And show related tags to users in an order of occurrence.

  • Corresponding redux (action, reducer, selector) to call api, update application state.
  • Reusable React Components.
  • Styling codes.
  • Communicating with the team's designer.

Commits:
https://github.com/Steemhunt/web/commit/2c91eb5f1722fd8f63463a296798c2732d7485d7
https://github.com/Steemhunt/web/commit/49af4d86426e48e3bb34898bbd5ab2aa1f5e36e6
https://github.com/Steemhunt/web/commit/76881308f65d1b463b1b3d17f54ac282230b3735

3. Corresponding back-end parts
In order to query posts based on the give tag. I have added routing and api.

  • Added new api end-point : /tag/:tag
  • Controller & Database query to search posts based on tags.

https://github.com/Steemhunt/api/commit/45e3e22bb990426c9d9cff3e5c956cf6748a411f
https://github.com/Steemhunt/api/commit/ccdc981797cabcf4971e2c2226c5b7b2af51101a

Screenshots:

tags.png

Sort:  

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]

Alright :D Thank you helo !

Welcome on board! :)

Congratulations @astrocket! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Do you like SteemitBoard's project? Then Vote for its witness and get one more award!

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

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

Vote for Utopian Witness!