Skip to content

Onboarding & Wallet Connect flow #29

@ardier16

Description

@ardier16

Describe the feature

Description:
Implement first-time wallet connection and borrower account creation flow.

Acceptance Criteria:

  • Wallet Connect modal (on app first load):
    • Display Jade connection instructions
    • QR code for WalletConnect link (future; for now, USB detection)
    • "How it works" expandable info panel
    • Connect button → trigger Jade connection (Jade wallet integration #24)
    • Debug seed input (only if VITE_DEBUG_SEED=true)
    • Loading state during connection
  • Create Borrower Account modal (post-wallet-connect):
    • Form fields: name (optional text input), accept terms (checkbox)
    • "Create Account" button
    • Success confirmation screen with "Go to Dashboard" link
    • Error handling if account creation fails
  • Flow integration:
    • App checks if wallet connected on startup
    • If not: show Wallet Connect modal
    • On Jade connect: transition to Create Account modal
    • On account create success: redirect to Dashboard
  • localStorage persistence:
    • Store wallet connected state
    • Store user preferences (name, account created at)
  • Manual test: End-to-end flow from cold start → Dashboard

Dependencies:

Notes:

  • SeedGate component can be removed or hidden (replaced by Jade connect)
  • Modal state management via React state or Context
  • Success = user account saved to indexer (if applicable)

Metadata

Metadata

Assignees

Labels

webWebsite-related issues
No fields configured for Feature.

Projects

Status

Blocked

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions