Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

An interactive web tour demo for GSoC'23 #4569

Closed

Conversation

Beking0912
Copy link
Contributor

IMPORTANT: DO NOT MERGE THIS PR.
This is a demo of the interactive web tour for GSoC'23 project, to quickly show my thoughts on handling user interactions, using localStorage to record user habits, and connecting tours between pages.

Changes

  1. The commits 4bb671b and b8f93a7 are from the PR Experiments with Guided Tour Options #3101, which implemented a basic homepage guide.
  2. 7583112, in the HomePageTour component, I refactored the tourIsOpen state and moved inline styles to stylesheets, and abstracted a non-interactive tour component for reuse.
  3. e2dc285, I built a simple version of the web tour for the feature Group Comparison, I completed the first four steps of the guide using reactour.
  4. ee7a060, in the GroupComparisonTour component, I used a localStorage field to record whether the tour of the current function needs to be displayed or not, and another field to record how many steps the current tour has reached and whether it needs to continue to be displayed in a new page.

Quick View

click here if you can not see the video.
ezgif-5-2b92f235bd.gif

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants