STEEMASK UPDATE: Complete User Data now available on profile page, User profile displays only steemAsk related post, New Logo design

profchydon (60)in #utopian-io • 6 years ago (edited)

STEEMASK UPDATE: Complete User Data now available on profile page, User profile displays only steemAsk related post, New Logo design

What is the project about?

SteemAsk is a question and answer website that is been built to allow users ask both steem and non-steem related question while getting reply from other members of the community. Many steemit users especially newbies need guidance and most times they wish can get access to other members and ask question to help them be successful on steemit. SteemAsk provides the platform for this, and users can also search for questions to get quick answers. SteemAsk is the stackoverflow of the steem blockchain.

How does it work?

SteemAsk works exactly like every other question and answer forum, but on SteemAsk:

Users can upvote questions and answers they find really helpful.
Users can check payout for their and any other account
Users can trade Steem and SBD in the marketplace.

Previous Update

https://utopian.io/utopian-io/@profchydon/steemask-a-decentralized-question-and-answer-website-built-on-the-steem-blockchain

https://utopian.io/utopian-io/@profchydon/steemask-update-a-decentralized-question-and-answer-website-built-on-the-steem-blockchain

https://utopian.io/utopian-io/@profchydon/7dkrfe-steemask-update-a-decentralized-question-and-answer-website-built-on-the-steem-blockchain

New Features

Complete User details are now displayed on profile page

User can now see details like about, location, website, wallet info, approved apps and witness vote on the profile page.
Post visibility now restricted to only steemask related post

Like the concept on utopian.io where user's profile only shows utopian related posts for each user, I saw it wise to take same measure where users can only see their steemask related posts instead of seeing all of their available posts both steemask and non-steemask related.

Disclaimer details now available on steemask

Frequently Asked Questions details, privacy policy and terms of service details now available on steemask

Steemask now has a new logo design. Designs by @amirdesaingrafis

How i implemented the features

All data need for the profile page was gotten via the endpoint CURLOPT_URL => "https://v2.steemconnect.com/api/me", to authenticate login and the user details are return as a $profile array.

Data in the $profile array is the displayed on the profile page

@foreach ($profile as $post_data)

          @php

              $post_url = "https://www.steemit.com/@".$post_data["author"]."/".$post_data["permlink"];
              $author_url = "https://www.steemit.com/@".$post_data["author"];
              $post_title = substr($post_data["title"],0,63).'...';
              $price = str_replace(" SBD", "", $post_data["pending_payout_value"]);
              $img = "https://steemitimages.com/u/".$post_data['author']."/avatar";
              $tags = json_decode($post_data['json_metadata'], TRUE);
              $tags = $tags['tags'];
              $pending_payout = floatval($post_data['pending_payout_value']);
              $paid_out = floatval($post_data['total_payout_value']) + floatval($post_data['curator_payout_value']) ;

          @endphp

          @foreach ($tags as $tag)

              @if ($tag == "steemask")

              <article class="question question-type-normal">
                <h2 class="quest-h2">
                    <a href="" class="question-a"> {{ $post_title }} </a>
                </h2>

                <div class="question-inner">
                    <div class="clearfix"></div>

                    <div class="">
                        <img src=" {{ $img }} " alt="profile-img" class="profile-img-dashboard img-responsive">
                        <h4 class="username-dashboard"> {{ $post_data["author"] }} </h4>
                        <h5 class="time-dashboard"> </h5>
                        <h5 class="comment-count"><i class="fa fa-comment" aria-hidden="true"></i> {{ $post_data["children"] }}</h5>

                        <h5 class="upvote-count"><i class="fa fa-heart" aria-hidden="true"></i> {{ $post_data["net_votes"] }}</h5>

                        <h5 class="payout-dashboard">

                            @if ( $pending_payout && $pending_payout != "0.00" )

                                ${{ $pending_payout }}

                            @else

                                ${{ $paid_out }}

                            @endif

                        </h5>

                        <div class="tags-block pull-right">

                          @foreach ($tags as $tag)

                              <a href="/{{ $tag }}" class="tags">{{ $tag }}</a>

                          @endforeach

                        </div>

                    </div>

                    <div class="clearfix" id="clear"></div>
                </div>

             </article>

              @endif

          @endforeach

      @endforeach