The Opportunity

Our client, a global provider of cloud-based HR and payroll solutions, needed to modernise its front-end architecture and address technical debt ahead of a major product release in July 2024. Key challenges included:

• An outdated Node.js version in the UI repository.
• Reliance on the deprecated moment.js date library, posing security risks.
• 52 critical accessibility issues identified during regression testing.

The work had to be completed within the sprint cycle under restrictive conditions, including limited code access, slow VPN-based test environments, and coordination across global teams.

 

Our Approach

RedRock delivered the engagement in two sequential phases, embedded within the client’s agile sprint cycles:

Phase 1: Architecture Modernisation

• Upgraded Node.js to the latest supported version.
• Migrated from moment.js to day.js, using a facade/adapter pattern to maintain backward compatibility and future-proof the application.
• Built and tested the adapter layer in isolation before integration.
• Ensured comprehensive automated tests validated behaviour across 101 migrated files.

Phase 2: Accessibility Remediation

• Addressed 52 critical accessibility issues, improving compliance with WCAG standards.
• Worked closely with ADP’s QA team in Chennai for automated regression, defect tracking, and UAT sign-off.

Delivery Practices

• Agile methodology aligned to ADP sprint cycles.
• Daily updates and commits for real-time visibility.
• Task management via Jira; collaboration via Webex.
• Hybrid working model (3:2 onsite/remote).

Technology Used

• js, TypeScript, day.js

Timeline

• Phase 1 delivered in 25 days; Phase 2 completed in 11 days.

 

Outcomes and Impact

• js successfully upgraded; moment.js replaced in 101 files.
• Code coverage increased from 30% to 95%, improving reliability.
• 52 critical accessibility issues resolved, enhancing user experience and compliance.
• Minimal defects reported during integration by ADP’s 249 developers.
• Comprehensive documentation handed over for sustainable ownership.

 

Lessons Learned

Successes

• Facade/Adapter approach ensured stability and future-proofing.
• Dedicated test library enabled safe, rapid iteration.
• Accessibility improvements delivered measurable UX and compliance gains.
• Daily communication fostered trust and reduced risk.

Challenges

• VPN-dependent test environments slowed progress.
• Automated test updates lagged, causing minor delays.

RedRock’s engagement enabled the client to modernise critical front-end systems, eliminate security vulnerabilities, and deliver an accessible, robust product release, leaving teams well-equipped for ongoing maintenance and evolution.