Steem-Sports - new features

Words
486
Reading
3 min
Listen
Play
8y

Repository

https://github.com/TimothyMee/steem-sport/

New Features

About a week ago, i posted this, which like i explain before it's a sport app for the steem community.

As at then, only trending sports stories could be viewed. Now, i shipped with some great new features to the application, like:

  • A new and a better full news modal

i changed the modal for the full news or read more. The old one was dark, not too readable and covered the whole screen. Now the new one has a white background for better readability, doesn't cover the whole screen and its movable.

The old Modal
Screenshot from 2018-04-26 14-30-50.png

The new Modal
Screenshot from 2018-05-10 15-02-46.png

  • Now You Can Login Using Steem Connect which is very secure.

Here You can see Login and sign up on the right side of the home page
Screenshot from 2018-05-10 16-10-32.png

You can't upvote or comment until you are logged in
Screenshot from 2018-05-10 16-10-39.png

When you click on Login, you are redirected to the steem connect's verification page
Screenshot from 2018-05-10 16-10-59.png

Select the account you want to use to login
Screenshot from 2018-05-10 16-11-03.png

You are redirected back to steem-sports
Screenshot from 2018-05-10 16-11-09.png

The "login/signup" on the top right changes to your username which signifies successful login
Screenshot from 2018-05-10 16-18-35.png

You can now upvote or comment
Screenshot from 2018-05-10 16-18-39.png

  • Comments can be viewed now

One can now view comments on a post. Below is a gif to show this
ezgif.com-video-to-gif.gif

  • Comments or reply can be written too provided you are logged in

A gif of writing a comment
ezgif.com-video-to-gif (1).gif

A gif to verify that the comment worked
ezgif.com-video-to-gif (2).gif

  • Can now Upvote

Gif of upvoting process
ezgif.com-video-to-gif (3).gif

  • You can now switch between seeing trending posts and new posts

A gif of this can be found below
ezgif.com-video-to-gif (4).gif

  • You create a new post on steem-sports.

Below is a gif to illustrate this.
ezgif.com-video-to-gif (5).gif

A gif to verified that it worked
ezgif.com-video-to-gif (6).gif

Implementations / Commits

Some of the commits of the code implementation can be found below

Disclaimer: this can change as more updates come along.

  • Steem API (Steem js) was also used to fetch data from the Steem blockchain. Documentation of this api can be found here...

  • Codes and commits can be found above to see full implementation in code.

Road map

The next things I want to do are

  • Implement a search feature on the app
  • Implement delete and editing of post or comment
  • Implement a wallet feature
  • Implement a upvote percentage selection feature (currently at 100% upvote by default)
  • Add more sorting parameters (now it sorts by trending or current post)
  • And also show the current conversion rates
  • Create a user profile where you can see your blog, comments and the rest.

These are my immediate plans

Steem-Sports - new features | Ecency