Skip to content

feat: implement article details page with related articles#1349

Open
Shanidhya01 wants to merge 1 commit into
SB2318:webfrom
Shanidhya01:feature/article-details-page
Open

feat: implement article details page with related articles#1349
Shanidhya01 wants to merge 1 commit into
SB2318:webfrom
Shanidhya01:feature/article-details-page

Conversation

@Shanidhya01

Copy link
Copy Markdown

PR Description

Implements a production-ready Health Articles feature for the UltimateHealth web platform — a full article detail reading experience and an articles index/listing page, wired into the existing site navigation.

Closes #1015

Changes include:

  • src/types/article.ts — TypeScript types for Article, RichContent, and all ContentBlock subtypes (paragraph, heading, callout, list, image, code, divider)
  • src/lib/article-data.ts — 5 mock articles with full metadata, getArticleById(), getRelatedArticles() helpers, and 10 default glossary terms
  • src/app/articles/page.tsx — Articles index page at /articles with a 3-column responsive card grid
  • src/app/articles/[id]/page.tsx — Dynamic article detail page with generateMetadata(), generateStaticParams(), and notFound() support
  • src/components/articles/GlossaryProvider.tsx — React context distributing medical glossary terms
  • src/components/articles/ReadingProgressBar.tsx — Fixed scroll-progress bar with ARIA progressbar role
  • src/components/articles/AccessibilityControls.tsx — Floating font-size panel (sm/md/lg) with TTS/bookmark stubs
  • src/components/articles/ArticleBreadcrumbs.tsx — Structured breadcrumb trail using existing Breadcrumb UI
  • src/components/articles/ArticleHero.tsx — Hero with Next.js Image, category badge, H1, tags
  • src/components/articles/ArticleContent.tsx — Rich content renderer with inline glossary tooltip highlighting
  • src/components/articles/RelatedArticles.tsx — Scored related-article suggestions in a responsive grid
  • src/components/articles/ArticlePageClient.tsx — Single client boundary composing the full reading page
  • src/app/page.tsx — Desktop nav, mobile nav, and footer Quick Links updated to link to /articles

Type of Change

  • Bug fix (change which fixes an issue)
  • New feature (change which adds functionality)
  • Documentation update

Select your work-area

  • Frontend
  • Backend
  • Documentation
  • Others

Related Issue

Please provide a link to the issue solved if applicable.

Screenshot

image

Fixes (mention the issue number which this fixes)

#closes

Checklist

  • I have updated my branch and synced it with the project's 'develop' branch before making this PR.
  • I have optimized the file changes.
  • I have added a snapshot of my work example.
  • I have made a PR to the project's develop branch.

Undertaking

  • My code follows the style guidelines of this project.

  • I have performed a self-review of my code.

  • I have commented my code, particularly in hard-to-understand areas.

  • I have made corresponding changes to the documentation.

  • I have checked for plagiarism and assure its authenticity.

  • I have read and followed the code of conduct for this repository. I understand that violation of this undertaking may have legal consequences.

  • I Agree

@github-actions

Copy link
Copy Markdown
Contributor

Thank you @, for creating the PR and contributing to our UltimateHealth project 💗.
Our team will review the PR and will reach out to you soon! 😇
Make sure that you have marked all the tasks that you are done with ✅.
Thank you for your patience! 😀

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.

1 participant