Issue 70: Update Page Titles

[orimcoding]

Pull Request

Description

Updated on-page SEO through adding header titles and meta tags.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update
• Refactoring (no functional changes)
• Performance improvement
• Other (please describe):

Related Issues (put task name here from notion)

Issue #70

Screenshots (If it is a front end feature screenshot is required)

Additional Notes

Summary by CodeRabbit

• New Features
  • Added descriptive page titles and metadata to all application routes, improving browser tab navigation, search engine optimization, and sharability across authenticated dashboards, public pages, and registration flows.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d582f732-2f11-421b-a835-40beb70a4bc9

📥 Commits

Reviewing files that changed from the base of the PR and between 58c4a3b and b059805.

📒 Files selected for processing (38)

• app/src/routes/_authenticated/donor/home.tsx
• app/src/routes/_authenticated/donor/notifications.tsx
• app/src/routes/_authenticated/donor/route.tsx
• app/src/routes/_authenticated/staff/admin/route.tsx
• app/src/routes/_authenticated/staff/admin/users.tsx
• app/src/routes/_authenticated/staff/child-profile.tsx
• app/src/routes/_authenticated/staff/child/$childId.tsx
• app/src/routes/_authenticated/staff/family-approval.tsx
• app/src/routes/_authenticated/staff/gifts.tsx
• app/src/routes/_authenticated/staff/home.tsx
• app/src/routes/_authenticated/staff/profile.tsx
• app/src/routes/_authenticated/staff/review/$familyId.tsx
• app/src/routes/_authenticated/staff/route.tsx
• app/src/routes/_authenticated/staff/volunteer/route.tsx
• app/src/routes/_storefront/checkout.tsx
• app/src/routes/_storefront/child/$childId.tsx
• app/src/routes/_storefront/index.tsx
• app/src/routes/_storefront/route.tsx
• app/src/routes/family/$token.tsx
• app/src/routes/family/$token/child/$childId.tsx
• app/src/routes/family/$token/home.tsx
• app/src/routes/family/$token/index.tsx
• app/src/routes/family/drive/$driveId.tsx
• app/src/routes/family/drive/$driveId/form.tsx
• app/src/routes/family/drive/$driveId/form/children.tsx
• app/src/routes/family/drive/$driveId/form/consent.tsx
• app/src/routes/family/drive/$driveId/form/general-info.tsx
• app/src/routes/family/drive/$driveId/form/gift-details.tsx
• app/src/routes/family/drive/$driveId/form/index.tsx
• app/src/routes/family/drive/$driveId/form/review.tsx
• app/src/routes/family/drive/$driveId/form/thank-you.tsx
• app/src/routes/forgotPassword.tsx
• app/src/routes/login.tsx
• app/src/routes/register.tsx
• app/src/routes/resetPassword.tsx
• app/src/routes/resetSuccess.tsx
• app/src/routes/signup/admin/$inviteId.tsx
• app/src/routes/signup/success.tsx

---

📝 Walkthrough

Walkthrough

This PR adds consistent HTML head metadata (page title and description meta tags) to 39 TanStack Router routes across the application's public authentication, authenticated donor, authenticated staff, storefront, and family registration flows using a uniform head() configuration pattern.

Changes

Route Metadata and SEO Tags

Layer / File(s)	Summary
Public authentication routes metadata app/src/routes/login.tsx, app/src/routes/register.tsx, app/src/routes/forgotPassword.tsx, app/src/routes/resetPassword.tsx, app/src/routes/resetSuccess.tsx, app/src/routes/signup/admin/$inviteId.tsx, app/src/routes/signup/success.tsx	All public authentication routes (login, register, password reset, and signup flows) now define head() functions that set page title and description meta tags for SEO and browser tab labeling.
Authenticated donor routes metadata app/src/routes/_authenticated/donor/home.tsx, app/src/routes/_authenticated/donor/notifications.tsx, app/src/routes/_authenticated/donor/route.tsx	Donor dashboard, notifications, and donor route layout define metadata including descriptive titles and descriptions for the authenticated donor experience.
Authenticated staff routes metadata app/src/routes/_authenticated/staff/admin/route.tsx, app/src/routes/_authenticated/staff/admin/users.tsx, app/src/routes/_authenticated/staff/child-profile.tsx, app/src/routes/_authenticated/staff/child/$childId.tsx, app/src/routes/_authenticated/staff/family-approval.tsx, app/src/routes/_authenticated/staff/gifts.tsx, app/src/routes/_authenticated/staff/home.tsx, app/src/routes/_authenticated/staff/profile.tsx, app/src/routes/_authenticated/staff/review/$familyId.tsx, app/src/routes/_authenticated/staff/route.tsx, app/src/routes/_authenticated/staff/volunteer/route.tsx	Staff dashboard, admin user management, child profiles, family approval, gift management, and volunteer dashboard routes define metadata for the staff-facing workflows.
Storefront routes metadata app/src/routes/_storefront/checkout.tsx, app/src/routes/_storefront/child/$childId.tsx, app/src/routes/_storefront/index.tsx, app/src/routes/_storefront/route.tsx	Storefront index, checkout, and child profile browse routes add metadata for the public gift-browsing experience.
Family registration and profile routes metadata app/src/routes/family/$token.tsx, app/src/routes/family/$token/child/$childId.tsx, app/src/routes/family/$token/home.tsx, app/src/routes/family/$token/index.tsx, app/src/routes/family/drive/$driveId.tsx, app/src/routes/family/drive/$driveId/form.tsx, app/src/routes/family/drive/$driveId/form/children.tsx, app/src/routes/family/drive/$driveId/form/consent.tsx, app/src/routes/family/drive/$driveId/form/general-info.tsx, app/src/routes/family/drive/$driveId/form/gift-details.tsx, app/src/routes/family/drive/$driveId/form/index.tsx, app/src/routes/family/drive/$driveId/form/review.tsx, app/src/routes/family/drive/$driveId/form/thank-you.tsx	Family dashboard, registration form steps (general info, children, consent, gift details, review, thank you), and family drive registration routes define metadata for the family-facing registration and profile flows.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• Hack4Impact-UMD/kfk-gift-registry#44: Modifies the same donor route files where this PR adds head() metadata.
• Hack4Impact-UMD/kfk-gift-registry#18: Both PRs modify app/src/routes/_authenticated/staff/route.tsx, with this PR adding metadata while #18 changes the layout structure.
• Hack4Impact-UMD/kfk-gift-registry#38: Both PRs modify storefront route files (/_storefront modules); this PR adds metadata while #38 updates the storefront UI.

Suggested reviewers

• ArnavGupta23
• rk234

---

🐰 Forty routes now don formal metadata attire,
With titles and descriptions that search engines admire,
From login to family, from staff to the store,
Each page now declares what it's truly about—encore!
bzzzzt 📋✨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch issue70-update-page-titles

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint skipped: no ESLint configuration detected in root package.json. To enable, add eslint to devDependencies.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}