Actifit.io Website Updates

8개월 전

Repository

https://github.com/actifit/actifit-landingpage

Introduction

This post represents another update to the work being done on Actifit official website & web solution, actifit.io. Part of this update involved adding support for display of Steem posts on single page, compared to old approach of popup mode, supporting capability of displaying any Steem post, initiating work on user profile, supporting refunding exchange transactions, as well as adding telegram and Actifit whitepaper to the website.

Technology Stack

The website is built using Vue.js.

Work Done:

Commits List:

Commit
Commit
Commit
Commit
Commit
Commit
Commit
Commit
Commit
Commit
Commit
Commit

Single Post Separate View

Actifit website supported till now a single view for activity report, popup mode. We wanted to provide more flexibility to users, but also improve on our SEO, via introducing support for single post display based upon post url.
For this purpose, we implemented support to display single view images, via a URL structure that matches any of the following:
https://actifit.io/@user/post-url
https://actifit.io/user/post-url
https://actifit.io/tag/@user/post-url
The latter of which actually redirects to the first one.

We wanted actifit site to support usernames with both @ and no @ signs, as initially our username structure did not follow the @ sign, but also that @ sign structure in URLs is not much of a standard.

To accomplish the above, we relied on params for the URLs, by creating new folder structures to support those urls. So we created the following new folder structures

and then setup proper redirection from the 3rd type to take back to our single post implementation

this.$router.push({ path: "/"+this.$route.params.username+"/"+this.$route.params.permlink })

this below is an example of a rendered post

We implemented a full functionality in terms of upvoting and commenting, so as the user experience is complete.

User Profile Page

Following the folder structure and changes above, we initiated the work on a full user page, to contain different types of info pertaining Actifit & Steem users.

As of now, the user profile page is still under progress, and contains basic info, including user profile image, username, number of actifit activit reports, user rank, as well as a link to activity page

Implement Default Moderator Comment Signature

As we increased our moderators and our moderation activity on actifit reports, we found it much easier to proceed with implementing a standard template for moderators, which would display by default as a signature to their comments.

For this purpose, we setup a global moderator signature, under nuxt.config.js, which would then be accessile via the different pages/templates that support our comment system. In case the user is part of the moderation team, the signature will auto-show for them in the comments.

Refunded Transactions Display

We added support for the display of new type of exchange transactions "refunded", whereby users who passed 14 days without a proper actifit post were actually refunded their AFIT tokens used . This info relied on data newly introduced via the API/transactions, whereby the status of the transaction was adjusted to be refunded if it matches conditions above.

Various Additional Changes/Fixes

We implemented the following additional changes:

  • We switched current busy.org urls on actifit.io to actually use actifit.io instead.

  • We had to roll back some of the changes we had made once integrating the new markdown editor, as unfortunately it faced troubles with some HTML+markdown support, hence we restored some of the regex work we had removed before.

  • We added a link to our new telegram channel.

  • We added a link to our official whitepaper

Roadmap

Further continuous improvements will be done on the actifit website, including a potential revamp of the main page content, adding some additional content pages, a complete fitness profile page, more user rank screens...

How to contribute?

You can chat to us on the official actifit discord, or to me in discord private @mcfarhat#6013.
Contributions are accepted as pull requests to the official github repo.
We are having continuous tasks assigned to different contributors to our project. More official tasks are continuously announced :)

GitHub Account

https://github.com/mcfarhat

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
STEEMKR.COM IS SPONSORED BY
ADVERTISEMENT
Sort Order:  trending

I have witnessed the amazing development of Actifit from the day one. Great and amazing work. Keep it up @mcfarhat :-) I have lots of friends enjoying Actifit.

There's not much to stay from a reviewer stand point. :) Good alternatives on author/permlink routings.


Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Chat with us on Discord.

[utopian-moderator]

·

Thanks man ! :)

·

Thank you for your review, @emrebeyler! Keep up the good work!

One on the thing I was shocked not to see yesterday is the total number of steps made under my profile.

Posted using Partiko Android

·

hey @chesatochi,
can you clarify plz? feel free to share a link or contact us on discord

·
·

Under my profile on your website I can't see the total number of steps combined of the 174 reports I submit toward the Steem blockchain.

·
·
·

You mean on actifit.io? we do not show total number of steps, unless it's within a specific post. We show total of AFIT tokens accumulated so far. Although we might be adding number of steps down the road :)
If i got something wrong, please share a screenshot with me

·
·
·
·

I believe you can implement this function on Actifit.io to calculate the total number of all the report submitted under each user profile. It is a good metric to know

Always improving and doing wonderful amazing work. 👍🙌🤗

Posted using Partiko iOS

Great work! You guys are always enhancing and improving the app!

Keep doing great work.

Posted using Partiko Android

Great work. More strength to you people great work

·

How about giving the man a nice vote to show appreciation?

Good to see progress with the site. I'm logging a lot more activity recently. This app gives me extra incentive.

·

Things just get better on @actifit

Posted using Partiko iOS

Very good one guys, more grease to your elbow.

Posted using Partiko Android

I visit actifit.io more than I can count.

Posted using Partiko iOS

This post has been included in the latest edition of The Steem News in 10 posts - a compilation of the key news stories on the Steem blockchain.

Congratulations @mcfarhat! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You made more than 24000 upvotes. Your next target is to reach 25000 upvotes.

You can view your badges on your Steem Board and compare to others on the Steem Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

You can upvote this notification to help all Steem users. Learn how here!

Hey, @mcfarhat!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Hi, @mcfarhat!

You just got a 0.04% upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in here to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.

Hi @mcfarhat!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

@mcfarhat You have received a 100% upvote from @botreporter because this post did not use any bidbots and you have not used bidbots in the last 30 days!

Upvoting this comment will help keep this service running.