🪣 onboarding for mobile

[sachben91]

Description

Onboarding for users on mobile app. Only users who are opening the app for the first time should see these.

For clarity these should be added to the https://github.com/hicommonwealth/commonwealth-mobile2 Repo

Project Owner

@dillchen

PRD

see below figma

Tasks

• Animations #10283
• Login/Sign up during onboarding - React Native Mobile Onboarding Screen #10250
• Enable Notifications Screen #10251
• Set username screen #10252
• Customizing experience screens #10253
• Referral Link Screen #10254

Eng Requirements

• Animations - React Native
• Login - React Native
  -- SSO - React Native
  -- Wallet Connect - WebView?
• Notification - WebView (no desire to do TRPC in ReactNative)
• Set Username - WebView
• Community Selection - WebView
• Referral Link - WebView

@burtonator , says we don't want react-native screens, we should just use react and then detect first time mobile usage using whatever pattern @burtonator has established

Design Links

Figma

Design Screenshots

No response

Additional Context

No response

---

Debugging

• WalletConnect (Sabina, just not open the app)
  -- Opens Random Browser and Does not Redirect (dillon Repro-ed)
• SSO Login (Apple + SMS Login)

[KaleemNeslit]

i discuss this with @burtonator it better to hold it until we decide if we're going to handle onboarding in react-native.

[burtonator]

@KaleemNeslit to be clear we can design these in react just make the adjustment for mobile. We can discuss if you want.

[MuhammadKaleem171]

@KaleemNeslit to be clear we can design these in react just make the adjustment for mobile. We can discuss if you want.

@burtonator sure let connect and start working on it