Ulogs.org Development Task Request (Via Utopian) - Help Us To Build Basic Pages For 'Marketplace, Crowdfunding, Giveaways, Grow. (Additional 80 Steem Bounty)

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@surpassinggoogle·
0.000 HBD
Ulogs.org Development Task Request (Via Utopian) - Help Us To Build Basic Pages For 'Marketplace, Crowdfunding, Giveaways, Grow. (Additional 80 Steem Bounty)
<html>
<h1>Repository</h1>
<p>All aspects of the code is <em>open-source. </em>It only has a front-end (React JS) and it started as a fork of busy.org</p>
<ul>
  <li><strong>Front-End:</strong> https://github.com/surpassinggoogle/UlogsV2&nbsp;</li>
</ul>
<p><strong>ULOGS.ORG</strong> - A blockchain-based social network platform where everyone can create ULOGS, become "true celebrity" (ULOGGERS), create a community of "true fans" and earn a variety of rewards, the <a href="https://steem-engine.com/?p=market&amp;t=TEARDROPS"><em>teardrops tokens</em></a> and the currency called "steem". &nbsp;</p>
<h1>Details</h1>
<p>This is overall 'a simple task'. It contains 4 very-related tasks and much of what you will need to complete these tasks already exists in the current code.</p>
<p><strong>Please note </strong>that the screenshots (mockups) in this post is simply a guide. We have used 'red' color in these screenshots for 'emphasis'. You are allowed to make us of your own UI/UX expertise while maintaining the existing 'style' present on ulogs.org</p>
<p>Where you need a copy of the 'raw text' used on each screenshot seen in this post (to make your task a bit simpler), <a href="https://github.com/surpassinggoogle/UlogsV2/issues/285">simply reference this URL</a>.</p>
<h3>Task 1: Create A Basic Hard-Coded Page Called 'Ulog-Crowdfunding'</h3>
<p>At this stage of ulogs.org development, we are keeping things 'basic'. Thus, we want to create a page on <em>'https://ulogs.org/ulog-crowdfunding'</em> that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57134991-839e5280-6dda-11e9-903f-9297ec34368f.png" width="1338" height="756"/></p>
<p><br></p>
<p>The page above will be linked-to from the <em>'Ulog-Crowdfund' menu-item</em> seen on the left side-bar on our homepage <strong>(prior-to &amp; upon sign-in)</strong></p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p>We expect the page above to be hard-coded for now. In the future, 'certified users' will actually be able to publish and list their projects.&nbsp;</p>
<p><strong>Why is the task considered simple?&nbsp;</strong></p>
<p>Almost all aspects of this task can be found within the current code. For instance, you can find a template similar to what we expect of this task on:<em> 'https://ulogs.org/discover'</em></p>
<p>You can also find a working <em>'delegate' button </em>across ulogs.org; e.g scroll to the bottom of <a href="https://ulogs.org/@surpassinggoogle/yx897lvb"><strong>this post</strong></a> to find a working <em>'delegate' button</em>.</p>
<h3>Task 2: Create A Basic Hard-Coded Page Called 'Marketplace'</h3>
<p>At this stage of ulogs.org development, we are keeping things 'basic'. Thus, we want to create a page on <em>'https://ulogs.org/ulog-marketplace'</em> that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57141285-6ecaba80-6dec-11e9-99fc-5a2a074dcf2f.png" width="1338" height="756"/></p>
<p><br></p>
<p>The page above will be linked-to from <em>'Marketplace' menu-item</em> seen on the left side-bar on our homepage <strong>(prior-to &amp; upon sign-in)</strong></p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p>We expect the page above to be hard-coded for now. In future, 'certified users' will actually be able to publish and list their freshly-made commerce.&nbsp;</p>
<p><strong>Note:</strong> the <em>'Buy Now' button</em> in the screenshot above should open up an 'alert' box that <strong>looks like this:</strong>&nbsp;</p>
<p><img src="https://steemitimages.com/p/EEEoA8oLaAxsTkPYAARp78o5cJA1o6Chv9x98TzCFT6v5GJQ9mcd2A7kXonULxoVkZXMPbDTtFUB7Hbkk6DBcs6Xr6N8WfWiYVamFzKkGn9tGBgnnLzKHfSND5QcJbb6ZBr5fxnhXG8EReeVgagmU?format=match&amp;mode=fit&amp;width=640" width="640" height="360"/></p>
<p><br></p>
<p>The <em>'TRANSFER' button</em> you see just above, should lead to users' 'ulogs.org wallets'; e.g https://ulogs.org/@surpassinggoogle/transfers&nbsp;</p>
<p>The <em>'GO TO MARKET' button </em>you see just above, should lead to: 'https://steem-engine.com/?p=market&amp;t=TEARDROPS '</p>
<p><strong>Why is the task considered simple?&nbsp;</strong></p>
<p>You can get design-ideas for the product-cards by looking at the gig-cards on: <em>'https://steemgigs.org'</em></p>
<p>You can find a similar<em> </em>'alert' box already implemented on:<em> 'https://ulogs.org/favorite-mentor' (simply click on the 'BUY NOW' button)&nbsp;</em></p>
<h3>Task 3: Create A Basic Hard-Coded Page Called 'Giveaways'</h3>
<p>At this stage of ulogs.org development, we are keeping things 'basic'. Thus, we want to create a page on <em>'https://ulogs.org/ulog-giveaways'</em> that <strong>looks like this:</strong></p>
<p><img src="https://steemitimages.com/p/D5zH9SyxCKd9GJ4T6rkBdeqZw1coQAaQyCUzUF4FozBvW7J58fzrS661ooYGja6QrWujkTYXfnALdLxeEyWXNmDSm6UuPNBrvBdFfjDBJdBU11PSX57XZDcWFc31PWwJBnsH9x?format=match&amp;mode=fit&amp;width=640" width="640" height="362"/></p>
<p><br></p>
<p><strong>Note:</strong> The <em>'Contact' button</em> seen just above should lead to this discord URL: <strong>'https://discord.gg/wWrnSXK'</strong></p>
<p>The page above will be linked-to from <em>'Marketplace' menu-item</em> seen on the left side-bar on our homepage <strong>(prior-to &amp; upon sign-in)</strong></p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p>You will notice that this page looks similar to the 'Marketplace' page that we expected you to build in<strong> 'task 2'.&nbsp;</strong></p>
<h3>4. Simply Complete Our '<a href="https://ulogs.org/grow">GROW</a>' Page.</h3>
<p>Start this task by visiting <em>'https://ulogs.org/grow'</em>. You will notice that some of the<em> 'Click Here' button(s) </em>on our 'GROW' page aren't functional yet. We want to fix this!</p>
<p>This means that you will be building 5 simple new pages, each having a similar template. Below is the specification:</p>
<p><strong>1. &nbsp;Submit A Video To One Of Our TV (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)</strong></p>
<p>Build a page for the above on<strong> </strong><em>'https://ulogs.org/submit-a-video' </em>that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57143946-8a38c400-6df2-11e9-805b-271e3bad37b8.png" width="1338" height="756"/></p>
<p><br></p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p><br></p>
<p><strong>2.</strong> <strong>Write To Ulogs.org (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)</strong></p>
<p>Build a page for the above on<strong> </strong><em>'https://ulogs.org/write-to-ulogs' </em>that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57144216-2e226f80-6df3-11e9-8d8a-66d5ec380179.png" width="1338" height="756"/></p>
<p>&nbsp;</p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p><br></p>
<p><strong>3. Do You Need Extra Confidence To Make A Life-Changing Move? (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)</strong></p>
<p>Build a page for the above on<strong> </strong><em>'https://ulogs.org/extra-confidence' </em>that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57144605-fbc54200-6df3-11e9-8a69-0cbec387f897.png" width="1338" height="756"/></p>
<p>&nbsp;</p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p><br></p>
<p><strong>4. Are You Dealing With Hard-To-Explain Ailment e.g Depression? (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)</strong></p>
<p>Build a page for the above on<strong> </strong><em>'https://ulogs.org/tell-us-about-your-depression' </em>that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57144892-a6d5fb80-6df4-11e9-9847-f7f29bb7b0ee.png" width="1338" height="756"/></p>
<p><br></p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<p><br></p>
<p><strong>5.</strong> <strong>Inspire Us (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)</strong></p>
<p>Build a page for the above on<strong> </strong><em>'https://ulogs.org/inspire-us' </em>that <strong>looks like this:</strong></p>
<p><img src="https://user-images.githubusercontent.com/23729959/57145411-bdc91d80-6df5-11e9-8b78-ea50210fce0f.png" width="1338" height="756"/></p>
<p><br></p>
<p>Also note that users should be able to view this page, whether they are sign-in or not.</p>
<h1>Component</h1>
<p>All '4 tasks' are very-related and almost everything you'll need to complete these tasks exists in the current repository. This is why we have merged all '4 tasks' into this post.&nbsp;</p>
<p>A good place to start is analyzing the current code.&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 and mobile.</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 consider 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 -4:</strong> 3-days</p>
<h1>Bounty</h1>
<p>There is an additional bounty totaling 80 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/surpassinggoogle/UlogsV2 ">Ulogs (Only Front-End)</a>&nbsp;</p>
</html>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,