Intermediate Frontend Engineer

Intermediate Frontend Engineer

About ANVIL

ANVIL is a trusted partner in the defence industry, delivering cutting-edge solutions that enhance military capabilities and operational effectiveness. We extend our expertise to public safety, law enforcement, and national security organizations, accelerating mission-critical decision-making through analytical tools, automations, and game-changing machine learning capabilities. ANVIL helps organizations discover, manage, enrich, fuse, and exploit the information available to them in support of Information Dominance and Decision Advantage.

Job Type: Full Time (Ottawa / Hybrid / Remote)

Total Compensation: CAD $100,000 - $130,000 base salary - Placement within range based on experience and qualifications

Vacancy Status: This posting is for an existing vacancy at ANVIL. We are actively hiring for this role

Role (Description)

As an Intermediate Frontend Engineer, you will play a critical role in building and maintaining the user-facing interfaces of our mission-critical software. You will design and implement reusable React component libraries, develop responsive and accessible UIs, integrate with backend APIs to support full CRUD workflows, and uphold frontend quality through robust testing practices.

You will work closely with product owners, designers, and backend engineers to translate requirements into performant and maintainable user experiences. In this role, you will contribute to frontend decisions, champion component design practices, and ensure the reliability of your work through unit, integration, and end-to-end testing (using libraries and frameworks such as React Testing Library and Playwright).

We are looking for a collaborative and detail-oriented engineer who takes pride in clean, well-tested code and thrives in environments where precision and reliability are not just best practices; they are mission-critical imperatives.

This is a full-time position based in Ottawa / Remote. Eligible candidates must either possess or be eligible to obtain a Government of Canada Top Secret security clearance.

Required Qualifications

Security Clearance

 Eligible for Government of Canada Top Secret security clearance

Experience

3–5 years of hands-on experience building production applications with React

3–5 years of experience with modern CSS (CSS Modules, Tailwind, or equivalent), including responsive and accessible design

Demonstrated experience with component design — building reusable, composable, and well-documented UI components

Proven experience integrating with REST APIs for CRUD operations within React applications

Working experience with React Testing Library for unit and integration testing

Working experience with Playwright for end-to-end testing

Skills & Competencies                                          

Strong understanding of React fundamentals including hooks, state management, and component lifecycle

Solid grasp of frontend performance considerations and best practices

Ability to write clean, maintainable, and well-documented code

Excellent verbal and written communication skills, with the ability to clearly articulate technical decisions to both technical and non-technical audiences

Demonstrated ability to collaborate across design, backend, and product teams

Strong organizational skills with the ability to manage multiple feature workstreams simultaneously

Proven ability to troubleshoot complex UI and integration issues and drive efficient resolution

Preferred Qualifications & Competencies

Experience with knowledge management systems, case management systems, or relevant defence industry applications

Familiarity with Agile/Scrum methodologies and sprint-based development cycles

Experience working in or closely with defence, public safety, or national security organizations

Familiarity with state management libraries (e.g., Redux, Zustand, or React Query)

Experience with CI/CD pipelines and integrating frontend test suites into automated build processes

Key Responsibilities

UI Development & Component Design

Partner with product and design teams to translate requirements and wireframes into functional, polished React components

Contribute to and maintain a shared component library that promotes consistency and reusability across the platform

Implement responsive, accessible UIs that meet both user needs and organizational standards

Contribute to and uphold frontend designs and coding standards across the engineering team

API Integration

Integrate frontend features with backend APIs to support full full workflow operations

Handle asynchronous data flows, loading states, and error handling with care and consistency

Collaborate with backend engineers to define and refine API contracts

Testing & Quality

Write unit tests using React Testing Library to validate component behaviour and business logic

Contribute to integration and end-to-end test suites using Playwright to ensure critical user workflows remain reliable

Participate in code reviews, providing and incorporating constructive feedback to uphold code quality

Identify and resolve frontend defects early in the development cycle, documenting issues with clear reproduction steps and impact assessments

Project Support & Communication

Participate actively in sprint planning, daily standups, sprint reviews, and retrospectives

Review and provide feedback on requirements, design documents, and API specifications

Communicate development progress and technical blockers to stakeholders clearly and proactively

Work closely with cross-functional teams to maintain and exceed quality and delivery standards

Why Join Us?

Our Mission

This is more than just a job; you'll be part of a team of dedicated professionals who share a common goal: to increase the safety and security of western democracies through the effective use of data. Our workplace is not just a job, it's a community of like-minded people working together to make a positive impact on the world we live in.

Compensation & Benefits

Competitive salaries

Flexible health benefits package through Equitable

Industry-leading employer retirement contributions match

Work Environment

Remote and Hybrid (Ottawa market) work model combining remote flexibility with meaningful in-person collaboration

Modern office in the historic Carriageway building in beautiful downtown Ottawa

Access to downtown amenities, transit, and Ottawa's vibrant cultural scene

What You'll Experience

Work alongside dedicated professionals who value excellence and collaboration

Contribute to projects with real-world security impact

Join a culture where your expertise and ideas matter

Application Process

To apply for this role, please submit your CV and cover letter. The application process will likely include:

A preliminary call with our HR team which will be a chance for you to find out more about ANVIL and the role.

An initial interview to discuss your experience and suitability for the role.

A technical interview to assess your competencies. 

Use of AI in Recruitment: ANVIL does not use artificial intelligence to screen, assess, or select applicants for this position. All applications are reviewed by members of our recruitment team.