Web: Build Onboarding Flow - MVP

[PixelantDesign]

As a user, I want to be guided through the onboarding of Gitcoin so that I can understand the value of Gitcoin and know how to quickly get started.

Description

Build an MVP of the onboarding flow from rough designs (attached below).
This is step 1 of a 3 Step experiment.
We will build this flow, user test, and make adjustments to results and finalize designs in the last step.

Technical Guidance

TBD -- @mbeacom to fill this in

Definition of Done

• All functionality outlined in wireframe section is implemented
• Leverage current in app styles for prototype phase
• Test coverage for newly added or modified backend related code

Reviewers

@pixelandDesign @mbeacom @owocki

Wireframes

How does a user get here?
Clicking on a button from the landing page or could be linked from an email.

Task Flow

Step 1 - Intro Screen
This is a basic screen with connect github button and ability to skip.
If user selects to skip, then we take them to the issue explorer current unauthenticated view.

Step 2 - User Connects to Github
Already exists. Leverage current functionality.

Step 3 - Set Up Metamask
Questions expand inline using accordion view or similar paradigm.
Video plays inline.

Step 4 - Tell Us About You
Need selected and suggested tag functionality as well as ability to click the drop down to select experience levels (beginner, intermediate, advanced).

Step 5 - Welcome to Gitcoin
User lands on issue explorer with 3 filtered matched issues based on what they've told us, most panels on the issue explorer hidden to provide focus on the content.

If User clicks Ok, Got it, the notification closes and the rest of the issue explorer is displayed.

If user clicks on an issue to view details, we do not save this view for the user to return to.

[owocki]

@PixelantDesign i am bountying this now per our convo on slack. @mbeacom feel free to add the tech details when u get a chance

[gitcoinbot]

__This issue now has a funding of 0.75 ETH (285.8 USD @ $381.06/ETH) attached to it.__

• If you would like to work on this issue you can claim it here.
• If you've completed this issue and want to claim the bounty you can do so here
• Questions? Get help on the Gitcoin Slack
• $2770.36 more Funded OSS Work Available at: https://gitcoin.co/explorer

[gitcoinbot]

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

---

__Work has been started__.

1. @thelostone-mc

   has committed to working on this project to be completed 3 days, 18 hours ago.

[vs77bb]

@thelostone-mc 🙌 🙌 🙌

[gitcoinbot]

@thelostone-mc are you still working on this issue?

[thelostone-mc]

@gitcoinbot yes

[gitcoinbot]

__Work for 0.75 ETH (475.39 USD @ $633.86/ETH) has been submitted by__:

1. @thelostone-mc

Submitters, please leave a comment to let the funder (@owocki) (and the other parties involved) that you've submitted you work. If you don't leave a comment, the funder may expire your submission at their discretion.

• Learn more on the gitcoin issue page
• Questions? Get help on the Gitcoin Slack
• $5931.08 more Funded OSS Work Available at: https://gitcoin.co/explorer

[thelostone-mc]

@owocki work has been submitted 😅 Payout + close this issue ?

[owocki]

paying out now

[gitcoinbot]

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

---

__The funding of 0.75 ETH (549.01 USD @ $732.02/ETH) attached to this issue has been approved & issued to @thelostone-mc.__

• Learn more at on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $7,306.01 more funded OSS Work available on the Gitcoin Issue Explorer