HOOPP

HOOPP

Senior Front-End Development Engineer

Toronto, Ontario, Canada · Senior

Sponsorship not specified$86k-$131kDetected 44 days ago
TypeScriptReactTailwind CSSCode ReviewAzureCloud PlatformsCI/CDDevOpsRESTDesign SystemsAccessibilityAgileLeadershipCollaboration

About the role

  • We value thoughtful innovation, secure engineering, shared ownership, and continuous learning.

Responsibilities

  • Lead the development of cross-platform web and mobile user interfaces using React latest stable version and TypeScript from a single shared codebase.
  • Own complex front-end features from technical design through implementation, testing, release, production support, and continuous improvement.
  • Lead the build-out and ongoing governance of reusable UI components aligned to the Digital Platform shared design system, including component variants, accessibility patterns, responsive behaviour, and design-token usage.
  • Drive reuse across public HOOPP.com and authenticated member experiences, reducing duplication and helping mature a common front-end experience layer.
  • Partner with Architecture and Design to translate reference architecture, UX direction, content models, and design-system standards into scalable implementation patterns.
  • Establish and enforce utility-first styling practices using Tailwind-style patterns, adhering to centralized design tokens for colour, typography, spacing, theming, and layout consistency.
  • Lead integration with the DISP Orchestration API / Backend-for-Frontend pattern, ensuring clean separation between the front-end experience layer and backend orchestration services.
  • Lead localization and internationalization implementation, including bilingual English/French content and reusable component patterns.
  • Maintain high code quality in the repository in Azure DevOps through pull requests, code reviews, branching practices, CI/CD discipline, and defect prevention.
  • Act as a front-end technical lead within agile squads, helping teams break down complex work, resolve dependencies, manage technical risk, and make pragmatic delivery decisions.

Requirements

  • Deep hands-on experience with React, React ecosystem patterns, TypeScript, component-based architecture, and design-system-driven delivery.
  • Experience consuming REST APIs through a Backend-for-Frontend or orchestration-layer pattern, including error handling, loading states, security considerations, and API contract alignment.
  • Strong practical knowledge of accessibility standards and evidence-based WCAG 2.2 implementation across forms, navigation, content, interactions, responsive layouts, and component libraries.
  • 7+ years of professional front-end development experience with demonstrated experience developing or modernizing high-profile public web domains and/or large-scale authenticated digital products (such as member portals, customer portals, claims portals, banking platforms, benefits platforms, or government service portals)
  • Strong experience integrating with a headless CMS, including content models, page composition, reusable content blocks, authoring flexibility, and CMS-driven layouts.
  • Working knowledge of Azure-hosted front ends, Azure DevOps, Azure App Service, enterprise cloud environments, network/security constraints, and production support practices.
  • Strong architectural judgement, including the ability to evaluate trade-offs, reduce complexity, manage technical debt, and establish implementation patterns that other developers can follow.
  • Strong collaboration skills, demonstrated by building bridges and fostering relationships with IT teams, business stakeholders, vendors, and external partners to propel programs and projects to success.
  • Analytical mindset and innovative thinking to devise effective and efficient solutions to challenges, including decision-making under ambiguity.
  • Ability to translate technical specifications, risks, and trade-offs into business benefits and help cross-functional teams understand how front-end architecture drives value for the organization.
  • Proven experience acting as a technical lead on programs, projects, product teams, or complex front-end workstreams, with accountability for technical outcomes and delivery quality.
  • The expected annual base salary range for this role is: $86,000 - $131,000 CAD
  • The actual base salary offered to the successful candidate may vary based on multiple factors including, but not limited to, individual's expertise and level of experience applicable to the role they are being offered.

Compensation

  • The actual base salary offered to the successful candidate may vary based on multiple factors including, but not limited to, individual's expertise and level of experience applicable to the role they are being offered.
  • This role is eligible to participate in discretionary incentive plan(s), subject to the terms and conditions of the applicable incentive plan text.
  • This job posting is for a newly created role.
  • $86,000 - $131,000 CAD

Benefits

  • our commitment that equity, diversity, and inclusion are fundamental to our work environment and business success, which helps employees feel valued and empowered to be their authentic selves
  • learning and development initiatives, including workshops, Speaker Series events and access to LinkedIn Learning, that support employees' career growth
  • membership in HOOPP's world class defined benefit pension plan, which can serve as an important part of your retirement security
  • optional post-retirement health and dental benefits subsidized at 50%
  • yoga classes, meditation workshops, nutritional consultations, and wellness seminars
  • the opportunity to make a difference and help take care of those who care for us, by providing a financially secure retirement for Ontario healthcare workers
  • Contribute to backlog refinement, estimation, sprint planning, demos, retrospectives, and release planning with a focus on predictable delivery and long-term platform health.
  • Help establish front-end quality gates, including unit tests, component tests, accessibility tests, automated regression coverage, code-review standards, and release-readiness checks.

This listing is sourced directly from HOOPP's careers page and normalized into a canonical job model.