Actifit.io Website Development Updates

[mcfarhat]

Repository

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

Introduction

This development round includes some major improvements and new functionality to actifit.io, with the core theme being enabling STEEM wallet info and transactions via actifit.io, as well as few other modifications and fixes.

Technology Stack

The website is built using Vue.js.

Work Done:

Wallet Changes:

Commit Link
Commit Link
Commit Link
Commit Link
Commit Link
Commit Link

• We have modified the existing wallet page to accommodate the display of the STEEM balance info, in addition to the existing AFIT tokens balance. The new display goes generally as follows:
  
  This required relying on the user data as returned by Steemconnect, our standard approach to fetching data on actifit.io, to grab information such as user.account.balance, user.account.vesting_shares, user.account.sbd_balance.

• Add to that, we enabled an implementation of fund transfer directly from actifit.io, also relying on steemconnect implementation. For this purpose, we created our onpage form, enabling data entry with validation, upon the success of which will lead to a new steemconnect window with proper params (relying on the steemconnect.sign operation with transfer as first param) to enable signing the transaction and propagating to the blockchain.

• Similarly we also implemented a display of claimable rewards on the same wallet page, so as Actifit users are able to claim their STEEM/SP/SBD rewards on the spot, of which they might not be aware.
  We intended to perform the actual claim action using built in steemconnect function claimRewardBalance, but unfortunately this function kept returning an sc2-sdk error, which led us to resort to the sign method, similarly to how we implemented transfers above, with the first param being claim-reward-balance.
  Here is the actual signing transaction code
  var link = this.$steemconnect.sign('claim-reward-balance', { account: this.user.account.name, reward_steem: this.claimSTEEM, reward_sbd: this.claimSBD, reward_vests: this.claimVests, }, window.location.origin + '/wallet');

The singing function also features a redirect param, which we used to redirect the user back to the wallet page, if he so wishes on the new tab/window.

Various Additional Changes/Fixes

Commit Link
Commit Link
Commit Link
Commit Link
Commit Link
Commit Link
Commit Link
Commit Link
Commit Link

• This involved several visual layout fixes, text, images, charity info display, issues with user data loading and others. Sample below showing the new charity info display on activity screen
  

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

Comments

[helo]

• Good post, could use an intro image at the top.
• Great advancement for the dApp to keep users in the same interface for all their needs.
• There is a lot of commits, I used this link to see all the changes at once:
  https://github.com/actifit/actifit-landingpage/compare/master@%7B14day%7D...master
• The charity image is a bit small, perhaps you could make those clickable so we can see the large version for details.

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]

[utopian-io]

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

[frankvvv]

I submitted my score on the 26th of January (you can see it on my blog). Strange thing is that the Actifit app shows it in my History as January 27th. Also my Activity count has not been reset for today. Don't know why this is?

[mcfarhat]

The timing of the submission could differ depending on your timezone and our server timezone. Your next submission will be affected by the timing of your phone, so it should work out properly.
Are you saying your activity count did not reset at midnight your time? if so please contact us on discord to troubleshoot the issue further.
Thanks

[frankvvv]

Yes. I submitted right before the end of the day. On Steemit it shows that I submitted it on the 26th. The app shows it as the 27th. However right now we are the 27th and the Activity count did not reset. Contacted you via Discord. I will see what happens when I submit today.

[adenijiadeshina]

Wow. These are really wonderful development by the actifit team and i love it. I see a great future ahead of actifit and this is just the begining step. Great development once again

[brittandjosie]

Dear @mcfarhat, i m the 5–K-a-day girl and i have an actifit request, can it be possible to make the list of sporty choices longer,
Now aerobics is first but we need bootcamp, gym, housework like vacuming etc etc, i saw you were improving the roadmap so i thought i would do a request,
Greetz
Britt

[brittandjosie]

Thanks for your reply i appreciate it.
Bootcamp is a track outside witch combines running, endurance and gym excersises.
Gym is also a combo from weights, stairway etc.etc
Swimming
Hockey
Skating

Just the things i do , and attractive to see on other steemians actifit lists.

The more sports we can choose from, the differ and nicer the actifit Posts can be ,
Compliment for the possibility to donate to charity!
Great to have you on the steemisfere,
Greetz,
5kaday girl Britt

[mcfarhat]

hey hey 5-k girl :)
Thank you for the suggestions, sure we are happy to provide more activity options!
Just to go through the list:

• For the bootcamp, what do you hear by that? is that like a special training setting? If so we can add it.
• For the gym, we already have "Weight lifting", "Treadmill", "Elliptical",... do you think it does not cover them well? If you think it helps a generic gym entry in some way, we can add it too.
  For the housework, we already have "House Chores", i think this should cover it?
  If you have other suggestions, please shoot them away! You can also reach us on discord :)

[brittandjosie]

Thanks for your reply i appreciate it.
Bootcamp is a track outside witch combines running, endurance and gym excersises.
Gym is also a combo from weights, stairway etc.etc
Swimming
Hockey
Skating

Just the things i do , and attractive to see on other steemians actifit lists.

The more sports we can choose from, the differ and nicer the actifit Posts can be ,
Compliment for the possibility to donate to charity!
Great to have you on the steemisfere,
Greetz,
5kaday girl Britt

[mcfarhat]

Alright, those will be added on upcoming version :)

[brittandjosie]

Thats highly appreciated ,
Gr. 5-k-a-day girl Britt

[utopian-io]

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!

[steem-ua]

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

[steem-plus]

Hi, @mcfarhat!

You just got a 0.08% 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.

[actifit-peter]

I do not understand much of all this coding, but I do have a lot of respect of @actifit and his whole team doing an excellent job! Thanks so much!❤️

[steemitboard]

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

You made more than 20000 upvotes. Your next target is to reach 21000 upvotes.

_{Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP}

You can upvote this notification to help all Steemit users. Learn why here!