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
.gif)
A gif to verify that the comment worked
.gif)
Can now Upvote
Gif of upvoting process
.gif)
You can now switch between seeing trending posts and new posts
A gif of this can be found below
.gif)
You create a new post on steem-sports.
Below is a gif to illustrate this.
.gif)
A gif to verified that it worked
.gif)
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
Looks good ! I'm not into sport but it's a really nice interface in my opinion ! Have you added an app property in the json_metadata yet ? Just asking because I'd like to add support for it to my bot when it goes live ! :D
Yea the app property is up... thanks man
I got a mention notification but i can't see my username in post 😀
😃 oh I see
I will edit that and add your name
Congratulations @timothy-mee! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
To support your work, I also upvoted your post!
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPThank you for your contribution. It would be nice to add comments in your code around complex logic.
Link to the Answers of the Questionnaire -
Click here
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Hey @timothy-mee
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!