Mask URLs in React
Budget: $15 – $25 USD
I already have a working React site with five buttons that currently open separate product/service pages on external domains. Because this is a personal project, I’d like those destinations to remain hidden behind clean, custom-branded paths (e.g., mysite.com/product-a) so the real URLs never appear in the user’s address bar—even after refresh or direct navigation.
Here’s what I’m looking for:
• Extend or adjust my existing React code so each button routes to a branded path while silently serving its external page content.
• Keep the implementation flexible; I’d like to swap target links later without digging through code.
• Preserve normal page behaviour, analytics, and SEO where possible.
• Provide clear, step-by-step setup notes (or a pull request) so I can reproduce the masking on future routes.
Acceptance criteria: clicking any of the five buttons must display the correct external page, yet the browser must continue showing only the branded path I specify.
Here’s what I’m looking for:
• Extend or adjust my existing React code so each button routes to a branded path while silently serving its external page content.
• Keep the implementation flexible; I’d like to swap target links later without digging through code.
• Preserve normal page behaviour, analytics, and SEO where possible.
• Provide clear, step-by-step setup notes (or a pull request) so I can reproduce the masking on future routes.
Acceptance criteria: clicking any of the five buttons must display the correct external page, yet the browser must continue showing only the branded path I specify.