Steem-Sports - new features

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

The new Modal

• 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

You can't upvote or comment until you are logged in

When you click on Login, you are redirected to the steem connect's verification page

Select the account you want to use to login

You are redirected back to steem-sports

The "login/signup" on the top right changes to your username which signifies successful login

You can now upvote or comment

• Comments can be viewed now

One can now view comments on a post. Below is a gif to show this

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

A gif of writing a comment

A gif to verify that the comment worked

• Can now Upvote

Gif of upvoting process

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

A gif of this can be found below

• You create a new post on steem-sports.

Below is a gif to illustrate this.

A gif to verified that it worked

Implementations / Commits

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

• https://github.com/TimothyMee/steem-sport/commit/7614bef493c3b1e776f1b604593e8d1fd8f68293

• https://github.com/TimothyMee/steem-sport/commit/b94c63a601b07544eb1039c194c64a7dcd652338

• https://github.com/TimothyMee/steem-sport/commit/8a1e058338b5b2e6ddbd800eb60e87da34768dc1

• https://github.com/TimothyMee/steem-sport/commit/79b030ba9a785be781c379771b738db434f82eef

• https://github.com/TimothyMee/steem-sport/commit/4374247e572e7d40488ee5aef40b3caca9a5cffb

• https://github.com/TimothyMee/steem-sport/commit/bf6f3539db6fb5dc805efe0d6ea2b130023b5b3d

• https://github.com/TimothyMee/steem-sport/commit/f3afe0b7f425201b658f3e5dda225e36829430bb

• Full history of commits can be found here ...

• Steem connect was used to establish a connect between Steem and the application. A tutorial on how to do this can be found here... by @hsynterkr

• You can also see this by @noisy for better understanding of how Steem connect works

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