Skip to content

feat: add interactive guided tour for new users#68

Merged
jpdevhub merged 5 commits into
jpdevhub:mainfrom
priiyanshu-kumar:main
Jun 6, 2026
Merged

feat: add interactive guided tour for new users#68
jpdevhub merged 5 commits into
jpdevhub:mainfrom
priiyanshu-kumar:main

Conversation

@priiyanshu-kumar

@priiyanshu-kumar priiyanshu-kumar commented Jun 3, 2026

Copy link
Copy Markdown
Contributor

Description

Fixes #57

Added an interactive guided onboarding tour for first-time users using react-joyride.

Changes Made

  • Added OnboardingTour component
  • Added guided navigation for Home, Scanner, and Trust Map
  • Added localStorage persistence so the tour only appears once
  • Integrated the tour into App.tsx

Testing

  • Verified the tour appears for new users
  • Verified navigation highlights work correctly
  • Verified the tour does not reappear after completion

@vercel

vercel Bot commented Jun 3, 2026

Copy link
Copy Markdown

@priiyanshu-kumar is attempting to deploy a commit to the karan3431's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

github-actions Bot commented Jun 3, 2026

Copy link
Copy Markdown

🎉 Thank you for your Pull Request! We're thrilled to have your contribution to FreshScan AI.

Before we review, please make sure you have:

  • Followed the CONTRIBUTING.md guidelines.
  • Ensured all automated CI checks (linting, tests) are passing.
  • Checked that your commit messages follow the Conventional Commits format.

A maintainer will review your code as soon as possible!

@jpdevhub

jpdevhub commented Jun 4, 2026

Copy link
Copy Markdown
Owner

Its failing the test. Fix the issue.

@jpdevhub

jpdevhub commented Jun 4, 2026

Copy link
Copy Markdown
Owner

Now its okk reviewing the code will be back after some time.

@jpdevhub

jpdevhub commented Jun 5, 2026

Copy link
Copy Markdown
Owner

tag the isse with # issue no.

@priiyanshu-kumar

Copy link
Copy Markdown
Contributor Author

Tagged the related issue (#57) as requested.

@jpdevhub jpdevhub left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is just one thing we need to fix before merging: Right now, the tour tooltips use the default react-joyride styles (rounded corners, soft shadows). This breaks the brutalist, sharp-edged, neon aesthetic of the app.

Could you please pass a styles prop to the component to force it into our brutalist theme?
Once it looks boxy and brutalist, I will approve and merge!

@priiyanshu-kumar

Copy link
Copy Markdown
Contributor Author

Updated the onboarding tour styles to match the brutalist theme with sharp edges, bold borders, and removed rounded corners/shadows.

@vercel

vercel Bot commented Jun 6, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
fresh-scan-ai Ready Ready Preview, Comment Jun 6, 2026 9:47am

@jpdevhub jpdevhub left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice feature. Thanks for contributing.

@jpdevhub jpdevhub merged commit d6c755a into jpdevhub:main Jun 6, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

FE: Add Interactive Guided Tour (Onboarding) for New Users

2 participants