Create Chapter Navigation and Table of Contents

[MRIARC-08]

Improve chapter browsing and navigation:

Backend Status: ✅ Chapter data available

Frontend Work Required:

• Auto-generate table of contents from markdown
• Sticky sidebar with TOC links
• Breadcrumb navigation (Class > Subject > Chapter)
• Previous/Next chapter buttons
• Related topics section
• Quiz button for chapter

Components to Create:

• src/components/ChapterTOC.tsx - Table of contents
• src/components/ChapterBreadcrumb.tsx - Breadcrumb navigation
• src/components/ChapterNavigation.tsx - Prev/Next buttons
• Update chapter detail page

Features:

• Parse headings for TOC
• Smooth scroll to sections
• Highlight current section
• Mobile collapsible TOC

Expected Outcome: Better navigation for chapter reading.

Related to backend: Chapter Content Seeding

This is a GSSoC'26 contribution opportunity!

[DivyaShreeS09]

Hi @MRIARC-08,

I would like to work on this issue under GSSoC 2026.

After reviewing the repository, I found the NCERT content structure and chapter pages already in place. I plan to implement a dynamic Table of Contents, breadcrumb navigation, previous/next chapter controls, active section highlighting, and responsive navigation to improve the chapter reading experience.

I will ensure the implementation integrates cleanly with the existing chapter pages and remains mobile-friendly.

Kindly assign this issue to me.

Thank you.

[NaisargPurohit]

Hi Maintainer I am a student at BMSCE participating in the COMMIT-ed Open Source Sprint. I would love to work on this issue and contribute to the project! I have experience with this tech stack and have already set up the project locally.
Could you please assign this to me? Thanks!