Skip to content

feat: implement infinite scrolling for Roadmap Explorer#391

Merged
Aditya948351 merged 1 commit into
devpathindcommunity-india:masterfrom
nishupr:feat/infinite-scroll-roadmaps
May 31, 2026
Merged

feat: implement infinite scrolling for Roadmap Explorer#391
Aditya948351 merged 1 commit into
devpathindcommunity-india:masterfrom
nishupr:feat/infinite-scroll-roadmaps

Conversation

@nishupr
Copy link
Copy Markdown
Contributor

@nishupr nishupr commented May 29, 2026

Closes #372
and
Closes #366

What does this PR do?

Replaces the static card rendering in the Roadmap Explorer with
infinite scrolling for a better user experience.

Changes Made

  • Implemented infinite scrolling using Intersection Observer API
  • Added ITEMS_PER_PAGE = 2 to load cards in batches
  • Added loading spinner while new cards are being fetched
  • Reset visible count when switching between tabs
  • Fixed existing logo.webp missing error in Navbar and Footer

Why?

Loading all roadmap cards at once is inefficient. Infinite scrolling
loads content progressively as the user scrolls, improving performance
and UX.

Screenshots

Screenshot (474) Screenshot (475) Screenshot (476)

@Aditya948351 Aditya948351 merged commit 77fad9f into devpathindcommunity-india:master May 31, 2026
@Aditya948351
Copy link
Copy Markdown
Collaborator

Do star the repo and thanks for the Contribution!

@Aditya948351 Aditya948351 added gssoc26 This is a official GirlScript Summer of Code label. level:intermediate Intermediate level issues type:feature gssoc:approved give 50+ base points labels May 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved give 50+ base points gssoc26 This is a official GirlScript Summer of Code label. level:intermediate Intermediate level issues type:feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] Implement infinite scrolling for the Roadmap Explorer [Feature] Implement infinite scrolling for the Roadmap Explorer

2 participants