Skip to content

Add welcome modal for new users with guided walkthrough#175

Open
rebel117 wants to merge 1 commit into
capofficial:mainfrom
rebel117:fix-13-welcome-modal
Open

Add welcome modal for new users with guided walkthrough#175
rebel117 wants to merge 1 commit into
capofficial:mainfrom
rebel117:fix-13-welcome-modal

Conversation

@rebel117
Copy link
Copy Markdown

Problem

New users have no guidance when first opening the CAP trading dashboard. They need to understand what CAP is, how to fund their account, and how to start trading.

Solution

Added a 5-step welcome modal that auto-shows on first visit:

  1. Welcome — Brief intro to CAP (decentralized perps on Arbitrum)
  2. Getting Started — Wallet connection and network requirements
  3. Funding — How to bridge to Arbitrum with links to official bridge and Across
  4. Trading — Step-by-step trading instructions
  5. Tips — Best practices for new traders

Implementation

  • Welcome.svelte — Multi-step modal with dot indicator, back/next nav
  • First-visit detection via localStorage (hasSeenWelcome in userSettings)
  • Auto-shows 500ms after page load on first visit
  • Dismissed state persists across sessions

Testing

  • Clear hasSeenWelcome from localStorage to re-trigger
  • Verify all 5 steps render correctly
  • Verify bridge links open in new tabs
  • Verify dismiss persists on page reload

- 5-step guided walkthrough: Welcome, Getting Started, Funding, Trading, Tips
- Auto-shows on first visit (detected via localStorage)
- Step indicator with dots, back/next navigation
- Bridge links to Arbitrum and Across for funding
- Dismiss sets hasSeenWelcome in user settings
- Can be reopened from settings if needed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant