Philippines Daily Express - New Features

in #utopian-io6 years ago (edited)

Repository

https://github.com/renegade47/philippines-daily-express

Project Link

https://philippines-daily-express.herokuapp.com/

New Features

  • What feature(s) did you add?
  1. View Post feature
    Previously to view the post you need to go to steemit.com to view the post, on this problem I updated it now so that the full post can be viewed on the site, and it does not require to go to steemit.com anymore. Users can now read the whole post on the site using a modal.

Philippines Daily Express (1).png

  1. Social Sharing feature
    To increase the post mileage if the user wants to share the post on other social media, there is now an added share to facebook, and share to twitter button. Also if the user wants to upvote/resteem the post, or view the comments of the post. A handy button to view the post on steemit is there.

Philippines Daily Express 2.png

  • How did you implement it/them?

First I added the HTML code from the STEEMSQL query that gets the post to the data of the array for each of the queries on the Top Commented, Top Rewarded, and Top Upvoted, in the home.js controller. I first convert it to markdown using showdownjs then pass it to the array for it to be displayed in the front-end.

Screenshot_2018-06-10 Post Modals, and Social Networks Sharing · renegade47 philippines-daily-express 43c6f6d.png

Next I then displayed the data of each query on the front-end using Bootstrap 3 Modals, and handlebars.js to output the content on each modal.

Screenshot_2018-06-10 Post Modals, and Social Networks Sharing · renegade47 philippines-daily-express 43c6f6d(1).png

Also there was a minor issue on the modal, the images that were displayed on the modal were overflowing out of the modal, so this required an update to the main.css file which targeted the image tag and added a style of max-width: 100% to each image.

For the whole summary of changes you can view the github commit here

Commit Link

https://github.com/renegade47/philippines-daily-express/commit/43c6f6defb9dd70435786336560041fd8d810c52

GitHub Account

https://github.com/renegade47

Sort:  

Wow. Ang galing naman ni kabayan. Thumbs up.😊

Thank you very much. Hope you found it useful.

Nice, I see you are returning in contributing on utopian, keep up the good work :)

Thanks for the contribution, @vallesleoruther! I would recommend adding more work to your future contributions if you want to receive a higher score. Also, adding some usage and install instructions to the README would be nice.


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

Thank you very much, yes it was just a minor update, getting back to contributing to utopian again after a long time. I will be doing that then for documentation, thanks for reviewing my work and the suggestions.

Go here https://steemit.com/@a-a-a to get your post resteemed to over 72,000 followers.

Hey @vallesleoruther
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!

Coin Marketplace

STEEM 0.25
TRX 0.11
JST 0.032
BTC 62062.59
ETH 3002.04
USDT 1.00
SBD 3.77