Philippines Daily Express - New Features

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.

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.

• 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.

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.

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