Welcome screen - Githubissues

getAlby / lightning-browser-extension

The Bitcoin Lightning Browser extension that connects to different wallet interfaces and brings deep lightning integration to the web

https://getalby.com

MIT License

530 stars 193 forks source link

Welcome screen #3

Closed bumi closed 3 years ago

bumi commented 3 years ago

After the user installs the extension we need some kind of onboarding wizzard that gives the user some introduction and helps the user getting started connecting an account.

Figma screens:

https://www.figma.com/file/xEPJFGFdc3HD0JS1ax2IpH/Lightning-Browser-Extension

Current page:

https://github.com/bumi/lightning-browser-extension/blob/master/source/Welcome/Welcome.js

Goals

Guide the user through the initial required account configuration
Validate and test the account
Explain the user the concept of lightning payments in the browser

Steps

Intro
Choose an account type (LND, Lnbits, etc.)
Configure account (e.g. enter LND macaroon and URL) (later we can also add some onramp tools here)
Validate and review the connection details (can we connect to the node, get node details)
Confirm and save the account
Success: explain what can be done now. give an example of a payment to test. - maybe list pages that support webln

ToDos:

[ ] automatically open the page after the user has installed the extension

Inspiration:

https://metamask.zendesk.com/hc/en-us/articles/360015489531-Getting-Started-With-MetaMask-Part-1-

Later

johnsBeharry commented 3 years ago

what are going to be the supported account types for the hacksprint?

bumi commented 3 years ago

I think we should focus on LND first. (currently I only added LndHub and lnbits as a proof of concept)

bumi commented 3 years ago

we got some amazing onboarding screens now! thanks @johnsBeharry @ShawkiS @dylancom