Skip to content

feat: complete dashboard onboarding walkthrough - #3356

Open
Roopathanushree wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Roopathanushree:feat/2438-dashboard-onboarding-tour
Open

feat: complete dashboard onboarding walkthrough#3356
Roopathanushree wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Roopathanushree:feat/2438-dashboard-onboarding-tour

Conversation

@Roopathanushree

@Roopathanushree Roopathanushree commented Aug 3, 2026

Copy link
Copy Markdown

Summary

Adds an interactive onboarding walkthrough for first-time DevTrack dashboard users. The tour explains important widgets, remembers completion, supports skipping, and can be replayed from the dashboard header.

Closes #2438


Type of Change

  • 🐛 Bug fix
  • ✨ New feature
  • 💥 Breaking change
  • 📝 Documentation update
  • ♻️ Refactor / code cleanup
  • ⚡ Performance improvement
  • 🔒 Security fix
  • 🧪 Tests only

  • ✨ New feature
  • Linked the related issue above
  • Self-reviewed my own diff
  • No unnecessary console logs, debug code, or commented-out blocks
  • pnpm lint passes locally
  • No TypeScript errors (pnpm type-check)
  • ARIA labels/roles added where needed

What Changed

  • Added a six-step Driver.js onboarding walkthrough
  • Added stable tour target IDs to dashboard widgets
  • Added automatic first-time launch and completion persistence
  • Added Next, Back, Skip Tour, and progress controls
  • Added a Replay Tour button to the dashboard header
  • Added a final CTA directing users to the goal tracker
  • Safely skips unavailable or hidden dashboard widgets

How to Test

  1. Sign in and open the dashboard.

  2. Run this in the browser console:

    localStorage.removeItem("devtrack-dashboard-onboarding-completed");
    location.reload();

@github-actions github-actions Bot added type:bug GSSoC type bonus: bug fix type:feature GSSoC type bonus: new feature type:design GSSoC type bonus: UI/design (+10 pts) type:performance GSSoC type bonus: performance (+15 pts) gssoc26 GSSoC 2026 contribution labels Aug 3, 2026
@github-actions

github-actions Bot commented Aug 3, 2026

Copy link
Copy Markdown

Thanks for your first PR on DevTrack! 🎉

A maintainer will review it within 48 hours. While you wait:

  • Make sure CI is passing (type-check + lint)
  • Double-check the PR description is filled out and the issue is linked
  • Feel free to ask questions in Discussions if you need help

If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project grow and attract more contributors!

@github-actions

github-actions Bot commented Aug 3, 2026

Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts) type:feature GSSoC type bonus: new feature type:performance GSSoC type bonus: performance (+15 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] Add Interactive Onboarding Walkthrough for First-Time Users

1 participant