Automotive Enterprise IT & Customer Portal Platform

Resolved DAST/SAST security vulnerabilities and modernized frontend architecture across four Hyundai and Genesis enterprise customer portals (MYH, MYG, DAE, RAE) — upgrading Bootstrap and jQuery while preserving UI consistency across all platforms.

Company Context

The IT services division supporting Hyundai and Genesis automotive brands in North America. Operates multiple enterprise customer and partner portals built on Adobe Experience Manager (AEM), serving millions of vehicle owners and dealer partners across the Hyundai and Genesis brand ecosystem.

Engineering Environment

Bootstrap 4jQuery 3AEMDAST SecuritySAST SecurityFlexbox Migration

What Our Scale Partnership Revealed

Enterprise DAST and SAST security scans flagged Bootstrap 3.3.7 and jQuery 1.12.4 as containing known vulnerabilities — on customer-facing portals for a major automotive brand, this is not acceptable technical debt.
Upgrading Bootstrap from 3.x to 4.x is not a minor version bump — the grid system changed from float-based to Flexbox, dozens of component classes were renamed or removed, and breakpoint definitions changed. Applying the upgrade naively broke the UI across all four portals.
jQuery 1.x to 3.x introduced breaking API changes that affected existing custom JavaScript.
All four portals needed to remain visually consistent throughout the upgrade.

Engineering Work

Upgraded Bootstrap from 3.3.7 to 4.6.2 across all four portals through the AEM platform dependency system.
Systematically identified every deprecated Bootstrap class and component across all portals — replaced panel components with cards, updated grid classes, migrated utility classes, updated form and navigation patterns.
Migrated all float-based layouts to Flexbox.
Upgraded jQuery to 3.x and resolved all compatibility breaks in existing custom scripts.
Validated UI consistency against reference production portals at each step.

System Outcome

Security vulnerabilities eliminated — Bootstrap and jQuery are now on supported versions with no DAST/SAST flags.
Frontend architecture modernized across all four portals — Flexbox-based layouts, current Bootstrap 4 components, modern jQuery.
Technical debt from outdated frameworks removed.
UI consistency maintained across MYH, MYG, DAE, and RAE throughout the upgrade.

Engineering Breakdown+

AEM Dependency Management: Bootstrap and jQuery are loaded as shared AEM client libraries. The upgrade was applied at the library level — affecting all four portals simultaneously from a single change — but UI fixes had to be applied portal by portal as the breakages were different in each.

Float-to-Flexbox Migration: Bootstrap 4 uses Flexbox for its grid system. Created a mapping of old Bootstrap 3 patterns to their Bootstrap 4 Flexbox equivalents as a reference during the migration. Every layout section was reviewed — some worked without changes, others required explicit flex utilities.

Scale Partnership

Want to see what we'd uncover in your engineering environment?

Every engagement starts with understanding your actual system constraints.