Development Task Request (Via Utopian): Add Keychain Support & Server-side Rendering On Steemgigs.org (Additional '130 Steem' Bounty)

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@surpassinggoogle·
0.000 HBD
Development Task Request (Via Utopian): Add Keychain Support & Server-side Rendering On Steemgigs.org (Additional '130 Steem' Bounty)
<html>
<h1>Repository</h1>
<ul>
  <li><a href="https://github.com/steemgigs/steemgigs">Steemgigs (Front-End)</a>&nbsp;</li>
  <li><a href="https://github.com/steemgigs/steemgigsServer">SteemgigsServer (Back-End)</a></li>
</ul>
<blockquote>&nbsp;&nbsp;SteemGigs: A Revolutionary Decentralized Freelance Marketplace With Its Own Knowledge-Bank. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</blockquote>
<blockquote>A revolutionary freelance marketplace built on the steem blockchain that removes all barriers to entry, by implementing an "untalented &amp; community paradigm". &nbsp;&nbsp;</blockquote>
<h1>Details</h1>
<p>This post contains two independent tasks, which i will explain further below. We would like to add <em>'keychain support'</em> to 'steemgigs.org'. This will lay the framework especially for <em>'wallet transactions'</em> which will eventually become rampant across SteemGigs.&nbsp;</p>
<p>In the second task, we will like to improve SteemGigs' SEO by adding in<em> 'server-side rendering'</em>. (As for <em>'SSR'</em>, i am not very sure as to whether this is the correct term or the correct solution altogether, so we will need your experience and expertise in this regard)</p>
<h3>Task 1: Add KeyChain Functionality To SteemGigs.org (Additional 50 steem bounty)</h3>
<p>We want to add the keychain functionality to the sign-in process on 'steemgigs.org' and integrate every other 'signing' functionality that the keychain browser-extension is capable of.&nbsp;</p>
<p>Currently, signing-in on steemgigs.org makes use of steemconnect as seen on the screenshot below:</p>
<p><img src="https://steemitimages.com/p/C3TZR1g81UNaPs7vzNXHueW5ZM76DSHWEY7onmfLxcK2iNzY4CxmDwoXzQAXJCkWuSNzFnXh18t4a5Co2ayGQYTjAyUDuY7ntND3TmBMmzSh3uYjNS6uJSA?format=match&amp;mode=fit&amp;width=640" width="640" height="307"/></p>
<p><br></p>
<p>Our 'steem &amp; teardrops token' wallets also make use of steemconnect only. We would like users to now enjoy the luxury of using keychain to sign these SteemGigs wallet transactions.</p>
<p><img src="https://steemitimages.com/p/C3TZR1g81UNaPs7vzNXHueW5ZM76DSHWEY7onmfLxcK2iNvE35Fx526o2c6z9HbSB6j4ZWkQC9Q1Kf6rtxhNsnYtUDudKjhf9PiggHdeFtVRBcaQNoztbCS?format=match&amp;mode=fit&amp;width=640" width="640" height="307"/></p>
<p><br></p>
<h3>Task 2: Ability to preview post when shared (Additional 80 steem bounty)</h3>
<blockquote><strong>Note:</strong> I am not sure what the right solution for this task is, when it comes to the VueJS framework. Thus, we implore you to relish using your expertise and experience to implement the most efficient solution. Besides, being able to preview SteemGigs-posts when they are shared online, our ultimate aim is to improve 'SEO' as SteemGigs is very content-based and we want SteemGigs to rank well in all search engines.</blockquote>
<p>Currently, when you share a steemgigs.org-based URL e.g on Facebook, Twitter, Discord etc, it is unable to load up 'a preview'. We would like to fix this!</p>
<p>When users share our URL, it should load up an appropriate 'preview'. <strong>Something like this:</strong>&nbsp;</p>
<p><img src="https://user-images.githubusercontent.com/17148879/51779771-3fc3ef00-2101-11e9-86a8-57c909191db9.png" width="640" height="360"/></p>
<p><br></p>
<p>&nbsp;Also, we want to work on metadata across the site to where each page or category carries its own unique metadata related to what it is about. All posts as well should have their own unique metadata and display in the search engines.&nbsp;</p>
<p>For instance,<strong> see screenshot below:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/55287035-5ecb4f80-53d6-11e9-95fe-18959e7a4010.png" width="1366" height="768"/></p>
<p><br></p>
<p>Then, <strong>compare the screenshot above to this screenshot below:</strong></p>
<p><img src="https://steemitimages.com/p/C3TZR1g81UNaPs7vzNXHueW5ZM76DSHWEY7onmfLxcK2iNvBqppqzthGjqk7zhwFytogDq9ZBwVaZN1gpDi4mRafRaDVTATvZgt9ZCrQXMRDVswAhg7AHLr?format=match&amp;mode=fit&amp;width=640" width="640" height="311"/></p>
<p><br></p>
<p>You will have noticed that all 'steemgigs-based URLs' carry the same metadata as that of the steemgigs homepage compare to the 'steemit-based URLs', each of which carries a unique metadata.&nbsp;</p>
<p><em>We want to fix all these!</em></p>
<h1>Component</h1>
<ul>
  <li><a href="https://github.com/steemgigs/steemgigs">Steemgigs (Front-End)</a>&nbsp;</li>
  <li><a href="https://github.com/steemgigs/steemgigsServer">SteemgigsServer (Back-End)</a></li>
</ul>
<p>To take on 'task 1', it may be essential to read through the discussions <a href="https://github.com/steemgigs/steemgigs/issues/62"><em>here</em></a> for possible hints on an efficient solution. You may also need resources from this <a href="https://github.com/MattyIce/steem-keychain">GitHub repository </a>and you can visit steem-engine's discord server <a href="https://discord.gg/BCcS9Ut"><em>here</em></a>.</p>
<p>For 'task 2', we can always set up a group chat consisting of other steem developers to discuss efficient solutions but for the most part, you will require your own expertise and experience. There are also some resources across the internet discussing related solutions (with regards to Vue JS).&nbsp;</p>
<p>Also across the entire task, it is essential to test your code on different browsers to make sure the end-product renders well on different browsers.</p>
<blockquote>Overall, carry out the task according to your preference and expertise as the task request post is just a guide and you may know better ways to pull this off.&nbsp;</blockquote>
<blockquote>Where you are done, submit a pull request and where we accept it, please considering doing a 'development post' highlighting your contribution (following Utopian's guidelines for Development contributions) as this becomes open to curation and additional rewards from utopian.io</blockquote>
<h1>Deadline</h1>
<p><strong>Task 1:</strong> 3-days</p>
<p><strong>Task 2:</strong> 5-days&nbsp;&nbsp;&nbsp;</p>
<h1>Bounty</h1>
<p>There is an additional bounty totaling 130 steem</p>
<h1>Communication</h1>
<p>You can contact me on:&nbsp; &nbsp; &nbsp; &nbsp;</p>
<ul>
  <li><a href="https://t.me/teardrops_smt"><strong>Telegram </strong></a><strong>(username: </strong><a href="https://steemit.com/@surpassinggoogle"><strong>@surpassinggoogle</strong></a><strong>)</strong></li>
  <li><a href="https://discord.gg/7bUFymy"><strong>Discord</strong></a><strong> (username: surpassinggoogle#1660)</strong></li>
</ul>
<blockquote>You can also indicate interest by leaving a comment underneath this post or on Github.&nbsp;</blockquote>
<blockquote>It is recommended that we are able to&nbsp;discuss, for a better understanding of the task.</blockquote>
<h1><strong>Github</strong></h1>
<p><a href="https://github.com/steemgigs/steemgigs">Steemgigs (Front-End)</a>&nbsp;</p>
<ul>
  <li><a href="https://github.com/steemgigs/steemgigsServer">SteemgigsServer (Back-End)</a></li>
</ul>
</html>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,