Add One-Time Onboarding Tour for HomePage using Driver.js

[its-me-abhishek]

Is your feature request related to a problem? Please describe.
New users on the HomePage may find it difficult to discover key sections and features, leading to confusion or missed functionality. Currently, there is no guided tour or onboarding experience to help them navigate the page.

Describe the solution you'd like
Implement a one-time interactive onboarding tour for the HomePage using Driver.js. The tour should highlight all important sections and features, include navigation controls (next/previous/close), and run only once per user email. Completion should be tracked per email, so returning users do not see the tour again.

Describe alternatives you've considered

• Using static tooltips or banners, but these do not provide a structured step-by-step walkthrough.
• A modal-based tutorial, which could be intrusive and less interactive than Driver.js.

Additional context

• The tour should be visually consistent with CCSync’s design.
• Consider storing the completion state in local storage to prevent reruns for the same email.

Reference: Driver.js Documentation

[TudorGR]

I would like to work on it, can I get assigned to this issue?

[ShivaGupta-14]

Hi @its-me-abhishek, I would love to take this up!

Before starting, here is my understanding of the approach:

• Implement a one-time guided tour on the HomePage using Driver.js.
• Highlight all key sections with Next/Previous/Close navigation.
• Store the “tour completed” state only in localStorage (no backend storage).
• Maintain UI styling consistent with CCSync’s design.
• Add a Skip button so users can dismiss the tour themselves — this avoids forcing the tour again in cases like browser change, incognito mode, or different devices.
• The tour should run only for first-time users and never reappear once completed or skipped.

Please let me know if this aligns with the expected approach.

[its-me-abhishek]

@ShivaGupta-14, I’ll assign this one to @TudorGR instead, since you already have a couple of issues assigned to you right now. Thanks for the detailed breakdown though it’s noted and will definitely help him with the implementation.

[ShivaGupta-14]

@its-me-abhishek I’ve completed all my assigned issues. If any new issues come up, or if there’s something you want me to work on next, I’d be happy to pick it up.