Philippines Steem Stats - Front-end and Back-end Development

It has been a hectic week at my day job, I did not have much time in working on my open source project. Today I will be contributing some front-end and back-end development to the project.

What is PH Steem Stats?


PHSTEEMSTATS

PH Steem Stats, is a web application built using node.js to show the stats of Steemit users from the Philippines. The data is from the SteemSQL Database created by @arcange. I have made it so that you can easily search for other users who are near you and build sub communities. Also is to see the new users so you can easily see who are new and guide them if ever as Steemit is quite confusing at first basing on experience.

Basing on this contributions:
https://utopian.io/utopian-io/@vallesleoruther/creating-the-philippines-steem-stats-logos
https://utopian.io/utopian-io/@vallesleoruther/philippines-steem-stats-adding-new-features

For the front-end I think it is time to finally add the logo to the header of the project. In the back-end it will be also necessary and very important to include a new users page.

Front-end

Features done:
Add the logo to the header, and style the header accordingly.

PH Steemit Stats.png

It is finally great to see the logo up there, finally the site has now some branding not just a plain text of a logo. The front-end looks really plain, and not good to look at but it will be good for now. Will make a proper design later on.

Back-end

Features done:

  1. Add a New Users Page.
  2. Create an sql query for the New Users Page.
  3. Implement Data Tables Searching.

PH Steemit Stats.png

This feature added might seems small, but it is very important. Imagine you can get the latest newest users from your country? Being a new user in Steemit it is very hard to learn all of the basics about it. I have experienced this too when I was a new user, and took me a lot of time to learn how this works. By seeing the new created users you can communicate with them, point them to the right direction. Give some useful tips, make them read tutorials or guides, or even let them know that there is a community behind them, and to support them.

The query here uses the created_date as parameter, we query the Accounts table, and search for user accounts which are created in the last 30 days from the current date, which also has the 'philippines' word in their profile information steemit profile.

Links

Live Link: http://ph-steemapp.herokuapp.com
Commit: https://github.com/renegade47/ph-steemstats/commit/c31f0c561c041db75ab7428dcbd8351f8554660a

Github Proof

frontend backend changes · renegade47 ph steemstats c31f0c5.png



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Wow thank you for the great update, the data is interesting and is really useful in the right hands.

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you for posting @vallesleoruther!
I appreciated your hard work. Keep going. Best of luck. Thanks

Wow, congratulations kabayan, thank you for sharing.

good informations @vallesleoruther
thank you for sharing

What is the image for? this is spam, post it again and I will downvote you.

Hey @vallesleoruther I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.18
TRX 0.15
JST 0.028
BTC 63099.80
ETH 2455.59
USDT 1.00
SBD 2.58