Skip to content

feat: Add Animated Visual Roadmap to the Learning Path Section#67

Open
bhavyasanthoshi02 wants to merge 1 commit into
HerStack-org:mainfrom
bhavyasanthoshi02:feat/learning-path-roadmap
Open

feat: Add Animated Visual Roadmap to the Learning Path Section#67
bhavyasanthoshi02 wants to merge 1 commit into
HerStack-org:mainfrom
bhavyasanthoshi02:feat/learning-path-roadmap

Conversation

@bhavyasanthoshi02
Copy link
Copy Markdown
Contributor

What does this PR do?

Replaces the static vertical step list in the Learning Path section with an interactive, animated visual roadmap. Clicking milestone nodes (1 → 2 → 3 → 4) now dynamically updates the active stage details and filters/displays the corresponding resources, including a custom call-to-action waitlist card for the final Summer of AI stage.

Type of change

  • 🐛 Bug fix
  • ✨ New feature
  • 📝 Content (mentor / resource / storyboard)
  • 📖 Documentation
  • 🎨 Style / UI improvement
  • ♻️ Refactor

Checklist

  • I've tested my changes locally (npm run dev)
  • My code follows the project style guide
  • I've added/updated comments where needed
  • No console errors introduced

Screenshots (if UI change)

Before
roadmap_before

After (Stage 1)
roadmap_after_stage1

After (Stage 4)
roadmap_after_stage4

Related issue

Closes #58

Important

GSSoC '26 Contribution Note:
Please assign the GSSoC-26 and level tags to this PR. Also, please ensure that the GSSoC labels are applied to both related issues so the points are correctly tracked:

  1. This issue (Visual Roadmap): feat: Add Animated Visual Roadmap to the Learning Path Section #58
  2. My previously merged issue (Glossary Tooltips): feat: Implement interactive glossary tooltips for AI concepts #55

@vercel
Copy link
Copy Markdown

vercel Bot commented May 22, 2026

@bhavyasanthoshi02 is attempting to deploy a commit to the HerStack's projects Team on Vercel.

A member of the Team first needs to authorize it.

@bhavyasanthoshi02
Copy link
Copy Markdown
Contributor Author

Hello!
Just a quick follow-up to ask if you could review my PR and apply the appropriate GSSoC 2026 and approval labels. Let me know if any updates are needed. Thanks!

@bhavyasanthoshi02
Copy link
Copy Markdown
Contributor Author

Hello!
Just a reminder to ask if you could review my PR and apply the appropriate GSSoC 2026 and approval labels. Let me know if any updates are needed. Thanks!

@bhavyasanthoshi02
Copy link
Copy Markdown
Contributor Author

Hello!
Just a reminder to ask if you could review my PR and apply the appropriate GSSoC 2026 and approval label.It should be added to my previous closed issue also issue #39 . Let me know if any updates are needed. Thanks!

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.

feat: Add Animated Visual Roadmap to the Learning Path Section

1 participant