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

[surpassinggoogle]

Repository

All aspects of the code is open-source. It only has a front-end (React JS) and it started as a fork of busy.org

• Front-End: https://github.com/surpassinggoogle/UlogsV2 

ULOGS.ORG - 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 teardrops tokens and the currency called "steem".  

Details

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.

Please note 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

Where you need a copy of the 'raw text' used on each screenshot seen in this post (to make your task a bit simpler), simply reference this URL.

Task 1: Create A Basic Hard-Coded Page Called 'Ulog-Crowdfunding'

At this stage of ulogs.org development, we are keeping things 'basic'. Thus, we want to create a page on 'https://ulogs.org/ulog-crowdfunding' that looks like this:

The page above will be linked-to from the 'Ulog-Crowdfund' menu-item seen on the left side-bar on our homepage (prior-to & upon sign-in)

Also note that users should be able to view this page, whether they are sign-in or not.

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. 

Why is the task considered simple? 

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: 'https://ulogs.org/discover'

You can also find a working 'delegate' button across ulogs.org; e.g scroll to the bottom of this post to find a working 'delegate' button.

Task 2: Create A Basic Hard-Coded Page Called 'Marketplace'

At this stage of ulogs.org development, we are keeping things 'basic'. Thus, we want to create a page on 'https://ulogs.org/ulog-marketplace' that looks like this:

The page above will be linked-to from 'Marketplace' menu-item seen on the left side-bar on our homepage (prior-to & upon sign-in)

Also note that users should be able to view this page, whether they are sign-in or not.

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. 

Note: the 'Buy Now' button in the screenshot above should open up an 'alert' box that looks like this: 

The 'TRANSFER' button you see just above, should lead to users' 'ulogs.org wallets'; e.g https://ulogs.org/@surpassinggoogle/transfers 

The 'GO TO MARKET' button you see just above, should lead to: 'https://steem-engine.com/?p=market&t=TEARDROPS '

Why is the task considered simple? 

You can get design-ideas for the product-cards by looking at the gig-cards on: 'https://steemgigs.org'

You can find a similar 'alert' box already implemented on: 'https://ulogs.org/favorite-mentor' (simply click on the 'BUY NOW' button) 

Respective RAW TEXT for the two screenshots above:

first screenshot: Marketplace

This space features products freshly-created by certified uloggers only. Every(any)one can get 'certified'.

Explore our catalog of 'true celebrities' (and their respective creations) below as 'true fans' and celebrate them by availing of some of their creations.

second screenshot: 

To avail of this item, all you need to do is to send the specified 'TEARDROPS' amount to the user. 

If you don't have the specified 'TEARDROPS' amount, you can use the 'GO TO MARKET' button below to access the 'TEARDROPS' market, where you can buy some. 

If you have any question or concern, contact us on discord.

Task 3: Create A Basic Hard-Coded Page Called 'Giveaways'

At this stage of ulogs.org development, we are keeping things 'basic'. Thus, we want to create a page on 'https://ulogs.org/ulog-giveaways' that looks like this:

Note: The 'Contact' button seen just above should lead to this discord URL: 'https://discord.gg/wWrnSXK'

The page above will be linked-to from 'Marketplace' menu-item seen on the left side-bar on our homepage (prior-to & upon sign-in)

Also note that users should be able to view this page, whether they are sign-in or not.

You will notice that this page looks similar to the 'Marketplace' page that we expected you to build in 'task 2'. 

RAW TEXT for the screenshot above: 

Giveaways

This space features only 'certified uloggers'. Every(any)one can get 'certified'. 

It displays a catalog of 'freelisting(s)', given away by 'certified' uloggers. Being a 'true fan' involves the 'art of receiving'. Explore our catalog of free items and avail of some, to express 'true fan-hood' towards these 'true celebrities' (certified uloggers)

4. Simply Complete Our 'GROW' Page.

Start this task by visiting 'https://ulogs.org/grow'. You will notice that some of the 'Click Here' button(s) on our 'GROW' page aren't functional yet. We want to fix this!

This means that you will be building 5 simple new pages, each having a similar template. Below is the specification:

1.  Submit A Video To One Of Our TV (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)

Build a page for the above on 'https://ulogs.org/submit-a-video' that looks like this:

Also note that users should be able to view this page, whether they are sign-in or not.

RAW TEXT for the screenshot above: 

Across the ulogs.org ecosystem, we have 3 TV(s) i.e UloggersTV, UntalentedTV and TeardropsTV. We seek to use the media to impact the world and you can help matters. 

We welcome your contributions. We will feature your contribution on a corresponding TV. In the future, your contributions may feature in our Uloggers Game App.   

While we only feature 'certified uloggers' on our TV(s), if you are not yet a 'certified ulogger' and you submit a video, we will also look to feature your video and once we do so, you will become a 'certified ulogger'. 

Bottom part:

Are You Ready To Send Us A Video Now? 

Do so by sending us your video file via email to 'uloggers@gmail.com'. Your videos should contain activities related to #untalented, #teardrops or #ulog, especially featuring you. Where you are a private figure, the video has to be recorded by you and you should have permission rights to the content of the video.

NOTE: Where your video file can't fit into an email, simply upload it to your YouTube channel and provide us with the video URL and we will re-upload a copy of it to a corresponding TV. 

2. Write To Ulogs.org (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)

Build a page for the above on 'https://ulogs.org/write-to-ulogs' that looks like this:

 

Also note that users should be able to view this page, whether they are sign-in or not.

RAW TEXT for the screenshot above: 

The ulogs.org ecosystem also has an un(dis)talented paradigm. Thus, when you visit this space, relegate reservations and write to us freely. Whatever your dream is, we believe that in a world of 'uloggers' (true celebrities) every noble dream is build-able.   

Tell us what you want and let's discuss. Don't undervalue the power of 'conversation', for at any moment, it can pop out something. Tell us of your forgotten dreams, let's resuscitate it. Do you need inspiration, assistance, mentoring, direction etc? Then, write to us! We are building an ecosystem of 'true celebrities', where everyone is your 'true fan'. At the very least, 'you are the celebrity; we are your fan'. 

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)

Build a page for the above on 'https://ulogs.org/extra-confidence' that looks like this:

 

Also note that users should be able to view this page, whether they are sign-in or not.

RAW TEXT for the screenshot above:

Relegate reservations and reach out to us. We will seek ways to boost your confidence. #ulog represents a daily endeavor. 

On ulogs.org, each day carries its own freshness. Thus, we are dynamically looking for ways to be your 'true fan'. 

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)

Build a page for the above on 'https://ulogs.org/tell-us-about-your-depression' that looks like this:

Also note that users should be able to view this page, whether they are sign-in or not.

RAW TEXT for the screenshot above:

It is worse kind of ailment, when it is a hard-to-explain ailment. We understand. We are growing a network of 'certified uloggers' who may understand. Reach out to us freely. Please do! 

5. Inspire Us (One of the segments on 'ulogs.org/grow' that needs a functional 'Click Here' button)

Build a page for the above on 'https://ulogs.org/inspire-us' that looks like this:

Also note that users should be able to view this page, whether they are sign-in or not.

RAW TEXT for the screenshot above:

#ulog is a conscious effort to 'mine the human' into its awesomest version. This has to be a daily endeavor. You can inspire us. We need it too. 

Send us ulogifs, ulog-memes, ulog-quotes, ulography etc for the sole intention of inspiring us. Courtesy of your own shine, we can find some shine too! 

Component

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. 

A good place to start is analyzing the current code. 

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.

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. 

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

Deadline

Task 1 -4: 3-days

Bounty

There is an additional bounty totaling 80 steem

Communication

You can contact me on:       

• Telegram (username: @surpassinggoogle)
• Discord (username: surpassinggoogle#1660)

You can also indicate interest by leaving a comment underneath this post or on Github. 

It is recommended that we are able to discuss, for a better understanding of the task.

Github

Ulogs (Only Front-End) 

For better quality imagery, visit this: https://ulogs.org/ulog/@surpassinggoogle/ulogs-org-development-task-request-via-utopian-help-us-to-build-basic-pages-for-marketplace-crowdfunding-giveaways-grow