Skip to content

feat(ui): add interactive user onboarding tour via react-joyride (#599) - #606

Merged
Fatimasanusi merged 1 commit into
Trust-Analysis:mainfrom
Code-Paragon:feat/599-user-onboarding-tour
Aug 30, 2026
Merged

feat(ui): add interactive user onboarding tour via react-joyride (#599)#606
Fatimasanusi merged 1 commit into
Trust-Analysis:mainfrom
Code-Paragon:feat/599-user-onboarding-tour

Conversation

@Code-Paragon

Copy link
Copy Markdown
Contributor

Summary

  • Integrated react-joyride to implement an interactive 4-step user onboarding tour.
  • Created <OnboardingTour /> component that walks new users through Wallet Connection, Asset Selection, the Order Book, and Portfolio Tracking.
  • Added hasCompletedTour validation in localStorage so the tour automatically mounts for first-time visitors but skips for returning users who have completed or dismissed it.
  • Safely patched src/App.jsx to inject the target CSS classes (.tour-wallet-connect, .tour-asset-selection, etc.) around existing components without breaking layout.

Scope

  • Backend API behavior
  • Build/CI only
  • Docs only
  • Frontend / UI

Validation

  • npm run build
  • npm run lint
    (Note: Verified that localStorage correctly prevents duplicate tour runs).

Links

@drips-wave

drips-wave Bot commented Aug 30, 2026

Copy link
Copy Markdown

@Code-Paragon Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Fatimasanusi
Fatimasanusi merged commit 8a04de9 into Trust-Analysis:main Aug 30, 2026
2 of 9 checks passed
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.

Add Interactive User Onboarding Tour

2 participants