Enhancement: Dynamic Breadcrumb Routing Mapping

[johdanike]

Description
johdanike opened on Jun 25
Member
📁 Implementation Directory
components/shared/BreadcrumbNav.tsx

🎯 Goal
Enhance Breadcrumb Navigation to parse complex Web3/Logistics URLs into human-readable path names.

📋 Requirements

• Hook into Next.js/React Router pathnames.
• Create a dictionary mapper (e.g., mapping /escrow/contract-id to Escrow > View Contract).
• Ensure the last item in the breadcrumb is highlighted as the active page and is not clickable.

🔧 Technical Scope
React Router / Next Navigation, UI Layout

🌿 Branch
git checkout -b enhance/dynamic-breadcrumbs

✅ Acceptance Criteria

• Deep links must render clean, capitalized names instead of raw URL slugs or UUIDs.
• Strict Layered Architecture: Implement using the Component -> Hook -> Service pattern
• Data Source: Response data must be retrieved from the backend API. No Inline Mock Objects
• Screenshot of all implementations must be included in PR
• AI-generated PR submissions are strictly disallowed
• Closes #[issue_id] with a work summary included in the PR body
• Note a default in any of this will result to issue not being closed nor merged

📌 PR Requirements

• ⚠️ Assignment is required before starting — comment to request assignment
• PR must comply fully with CONTRIBUTING.md
• AI Agent submissions are DISALLOWED and will be closed without review
• Upload a screenshot showing all unit tests passing or API response
• PR description must include: Closes #[issue_id] and a brief summary of work done

💬 Example Commit
enhance(shared): map raw url slugs to human-readable breadcrumb labels

[KXYWISE]

@KXYWISE has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I can work on this issue I'm a software engineer with 4 years experience in full stack development of rust, python and javascript.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @KXYWISE to this issue.

[drips-wave]

Congratulations, @KXYWISE! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @KXYWISE: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊