Update Getting Started #13

mbeylin · 2018-10-01T22:15:26Z

Description

We need to build a new version of the Bounties Network getting started page!

Here is a picture of the design itself:
Desktop:

Here is a zip folder of the various SVG files found in the design:

This new site should follow the attached design as closely as possible, and should reuse as many elements (css, HTML) from the new site that's found on the new-design branch of this repo

Requirements

A correct submission for this bounty will:

BE RESPONSIVE : it should either follow the above design to the letter, or should adjust the visual components to react to changes in screen sizes (i.e. mobile responsive)
Use flexbox grid (fleboxgrid.com) to organize the visual components in a way that appropriately responds to changes in content or screen resolution
Build off of the new-design branch, using all of the same methods for the new page as is used on the index.html
Once you're finished, please open a PR to the new-design branch with your changes

Revisions

We will require at most 4 revisions for submitted work, and expect whoever completes this bounty to come to us with intermediate questions (especially regarding mobile responsiveness) rather than making assumptions on one's own.

The text was updated successfully, but these errors were encountered:

gitcoinbot · 2018-10-12T11:21:27Z

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

This issue now has a funding of 0.75 ETH (149.16 USD @ $198.88/ETH) attached to it.

If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
Want to chip in? Add your own contribution here.
Questions? Checkout Gitcoin Help or the Gitcoin Slack
$42,960.91 more funded OSS Work available on the Gitcoin Issue Explorer

gitcoinbot · 2018-10-12T12:23:06Z

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work has been started.

These users each claimed they can complete the work by 7 months from now.
Please review their action plans below:

1) mul53 has applied to start work (Funders only: approve worker | reject worker).

Hi, I can implement the design with the following steps

Look at the design and make a plan on how to implement with Flexbox grid for responsiveness
I will implement the design using the elements found on the new-design branch
When done will go over to make sure the implementation mirrors the design
Will ask questions when i encounter a problem

Learn more on the Gitcoin Issue Details page.

2) abhi1851 has applied to start work (Funders only: approve worker | reject worker).

Build the responsive webpage, i will use HTML, CSS and js to accomplish this task.

Learn more on the Gitcoin Issue Details page.

3) kantelabs has applied to start work (Funders only: approve worker | reject worker).

I am currently a front-end developer for an e-commerce company and have extensive experience on working on responsive web designs.

Previous Work:
My portfolio: https://amidoukante.com/
My Side company: https://streetwearboutiques.com/
Current Career work: https://www.delivery.com/info/about

Learn more on the Gitcoin Issue Details page.

4) paolomangiadev has applied to start work (Funders only: approve worker | reject worker).

I'll implement your design pixel perfectly using scss rules and following the project guidelines. The finished product will be 100% flexbox responsive and respect the layout provided. Task will be completed in 2 days maximum.
no assumptions will be made regarding the design and irc channels will be provided to ensure fast problem/doubt resolution.

nice to have: psd version of the layout.

Learn more on the Gitcoin Issue Details page.

5) bosmanrule has applied to start work (Funders only: approve worker | reject worker).

Action plan:

The first step is to check the html and css of https://bounties.network/, this will guide me to work on the getting started page.
I will reuse some of the element from https://bounties.network/ and add new elements based on the design for the getting started page

Learn more on the Gitcoin Issue Details page.

6) suhailvs has applied to start work (Funders only: approve worker | reject worker).

I hope to implement https://user-images.githubusercontent.com/6082639/46317714-35bb3500-c5d4-11e8-93fd-b939079b9f7d.jpg.

this website seems very similar to https://github.com/Bounties-Network/bounties.network/index.html). so seems only some updates are required

Learn more on the Gitcoin Issue Details page.

7) cppdevcrypto has applied to start work (Funders only: approve worker | reject worker).

Hey there instructions seem rather straight forward, would be interested in working on this with you.

Lets discuss platform, browser, os, response requirements & behaviour?

Thanks.

Learn more on the Gitcoin Issue Details page.

8) bathepranjal has applied to start work (Funders only: approve worker | reject worker).

I will just compare the given link and visuals.
This link requires some updates.
Questions:

Do you require any framework to be added?
If yes then which one?
If this website expands in future, do you want to connect a database?

Depending on the above questions, I will develop a responsive and flexible website.

Learn more on the Gitcoin Issue Details page.

9) edgarbarrantes has applied to start work (Funders only: approve worker | reject worker).

Interesting this is still open.

Ok, steps, I'd try to reuse as much code as possible, though I see your mostly using id's instead of classes (in this job I'd try to make my work as reusable as possible). And of course I'd abide to the requirements and do as many revisions as necessary without assuming anything for mobile (yes, I pretty much read the issue, it's quite clear).

Let me know if I can start working on it, I already have the site running in my computer to check the project out and I think this can be done fairly quickly.

Learn more on the Gitcoin Issue Details page.

10) cperezcapote has been approved to start work.

Hi, I'm interested in working on this issue! I already have the project set up on my development environment and I've been playing with it (already imported images from the zip file). My idea of doing this is:

Replicate the code on index.ejs and use it as a start point to get the new view design done.
Extract step's data from gettingStarted.html file on the master branch and stored it on src/data folder (steps.js) to be consumed dynamically by the new gettingStarted.ejs file on the new-design branch.
Reutilize while possible all already created styles/components and create new ones when needed.
Make sure it's fully responsive (design doesn't break on any size).

I'm interested in working further on your project!

Learn more on the Gitcoin Issue Details page.

suhailvs · 2018-10-14T05:06:34Z

i have looked the issue #7.
this design seems build by @tcrowe . seems need to update src/index.ejs.

gitcoinbot · 2018-10-16T16:15:58Z

@Manjilan Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

warning (3 days)
escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

Manjilan · 2018-10-16T17:41:42Z

Getting all the assets including the images for Metamask and logo
implement HTML and CSS and reuse elements from previous elements
add further styling and changes with FlexboxGrid.com
Revise the product
Mobile responsiveness
I will mark them as I go and will try to finish it.

gitcoinbot · 2018-10-21T16:15:52Z

@Manjilan Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

warning (3 days)
escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

gitcoinbot · 2018-10-22T16:15:43Z

@Manjilan Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

warning (3 days)
escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

gitcoinbot · 2018-10-28T16:16:11Z