Back to results

Senior Front End Angular Developer

  • Toronto, ON, Canada

$80 to $90 CAD / hour · Contract

Applications open in a new tab.

Job details

Pay
$80 to $90 CAD / hour
Job type
Contract
Apply by
Experience
5 years of professional Angular development experience, including Angular upgrade/migration work (e.g., major version upgrades, Angular Update Guide usage).
Working hours
37.5 hours/week
Posting language
English
Posted

Original job description


Senior Front End Angular Developer

Location: Toronto, ON


Onsite Flexibility: Hybrid (Every Thursday and 1 Friday/month)


Contract Details
  • Position Type: Contract
  • Contract Duration: 6 months (with potential for extension and FTE conversion)
  • Pay Rate: C$80.00–C$90.00 / Hour (CAD)
  • Shift / Schedule: 37.5 hours/week, Monday to Friday

---


Job Summary

We're modernizing the front-end architecture across our Angular application portfolio. We need a front-end engineer who can lead the effort to extract and decouple our shared layout, navigation, and theming from Metronic, repackaging it as an internally owned, versioned component library that can be consumed across multiple applications - without losing the existing look, feel, and UX consistency teams rely on. This role includes: part library/design-system engineering, part large-scale migration planning, part hands-on Angular upgrade work.


Key Responsibilities
  • Audit current Metronic usage (_metronic/layout, partials, shared, kt widgets, jQuery-based behaviors) across applications to identify what's template boilerplate vs. app-specific customization.
  • Design and build an in-house shared Angular library (e.g., Nx workspace, Angular library/secondary entry points, or npm-packaged component library) encapsulating navigation, theming, and layout shell, publishable/versioned for reuse across multiple apps.
  • Define a migration path off direct Metronic dependency while preserving existing UX, or plan/execute a controlled upgrade to newer Metronic releases (which use Tailwind CSS instead of Bootstrap) - evaluating a Bootstrap-to-Tailwind transition where needed.
  • Remove or replace legacy jQuery-based template scripting with native Angular component/directive equivalents.
  • Establish a strategy for unblocking Angular version upgrades.
  • Collaborate with teams owning the other affected applications to coordinate a phased, low-disruption rollout of the shared library.
  • Set up tooling for component documentation, visual regression testing, and versioning/release of the shared library (e.g., Storybook, semantic-release, private npm/Azure Artifacts feed).
  • Partner with design to ensure the extracted theme/layout remains visually consistent and themeable (light/dark, branding) across apps.
  • Write migration guides and support application teams adopting the new shared library.

Must-Have Requirements
  • Angular Development

Nice-to-Have Requirements
  • Previous CIBC experience

Required Skills
  • 5 years of professional Angular development experience, including Angular upgrade/migration work (e.g., major version upgrades, Angular Update Guide usage).
  • Strong knowledge of Bootstrap 5 and practical experience with Tailwind CSS, potentially including migrating UI styling between CSS frameworks.
  • Experience de-risking dependency on third-party admin templates/themes (Metronic, AdminLTE, CoreUI, or similar) in production apps.
  • Solid understanding of removing jQuery/legacy DOM-manipulation patterns in favor of idiomatic Angular (component-driven, reactive) approaches.
  • Experience versioning and distributing internal packages via a private registry (npm, Azure Artifacts, GitHub Packages).
  • Familiarity with Azure DevOps/GitHub Actions CI/CD for publishing and consuming shared packages across multiple repositories.
  • Experience with incremental/parallel migration strategies (feature flags, strangler pattern) for rolling changes out across multiple live applications without big-bang rewrites.
  • Attention to detail.
  • Good work ethic.
  • Ability to work under pressure.
  • Patience.

Preferred Skills
  • Prior experience specifically with Metronic (Bootstrap and/or Tailwind editions).
  • Experience building internal design systems or component libraries adopted by multiple product teams.
  • Experience with Kendo UI Angular components (used alongside the current template).
  • Background in enterprise/regulated environments (financial services) with multiple coordinated Angular applications.
  • Exposure to Azure AD/MSAL-based authentication flows in Angular apps.

Required Experience
  • 5 years of professional Angular development experience, including Angular upgrade/migration work.

About the Client

This client is a leading financial services and banking institution headquartered in Toronto, ON, with operations spanning Canada and international markets, serving millions of retail and commercial customers. The organization employs a broad range of technology professionals - including front-end developers, DevOps engineers, business analysts, and enterprise program specialists - who collaborate across cross-functional teams to modernize and maintain critical digital platforms at scale.


About GTT

GTT is a minority-owned staffing firm and a subsidiary of Chenega Corporation, a Native American-owned company in Alaska. We highly value diverse and inclusive workplaces and support Fortune 500 organizations across banking, financial services, technology, life sciences, biotech, utilities, and retail sectors throughout the U.S. and Canada.


Job Number: 26-17439 Industry: Software Engineering

More about this job

Responsibilities

Audit Metronic usage and build a versioned, reusable Angular library for shared navigation, theming, and layout while preserving the existing user experience. Plan and coordinate phased migrations, replace legacy jQuery behaviors, establish documentation and release tooling, and support application teams adopting the library.

Requirements

Requires at least five years of professional Angular experience, including upgrade and migration work, plus strong Bootstrap 5 knowledge and practical Tailwind CSS experience. Candidates should also have experience decoupling third-party templates, replacing jQuery patterns with idiomatic Angular, publishing internal packages, and coordinating incremental migrations across applications.

Skills

  • Angular
  • Angular Upgrades And Migrations
  • Bootstrap 5
  • Tailwind CSS
  • Metronic
  • Angular Component Libraries
  • Design Systems
  • jQuery Replacement
  • Private Package Registries
  • Azure DevOps
  • GitHub Actions
  • CI/CD
  • Incremental Migration Strategies
  • Storybook
  • Visual Regression Testing
  • Kendo UI

Visa sponsorship

Not detected in the job text

Categories

  • Software
  • Technology
  • Engineering
  • Finance & Accounting

Keywords

  • Angular
  • Metronic
  • Bootstrap 5
  • Tailwind CSS
  • jQuery
  • Nx Workspace
  • Angular Libraries
  • Component Libraries
  • Design Systems
  • Storybook
  • Semantic Release
  • Private npm Registry
  • Azure Artifacts
  • GitHub Packages
  • Azure DevOps
  • GitHub Actions
  • CI/CD
  • Visual Regression Testing
  • Angular Update Guide
  • Kendo UI
  • Azure AD
  • MSAL
  • Feature Flags
  • Strangler Pattern
  • Financial Services
  • Theming
  • Bootstrap-to-Tailwind Migration

Report this job