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 Remote (Hybrid option available for those in the Ottawa area - 55 Murray Street Office)

Total Compensation: CAD $105,000.00 - $145,000.00base 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 implement and maintain reusable React components, develop responsive and accessible UIs, integrate with backend APIs, 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+ of hands-on experience building production applications with React


• 3+ 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 (Redux, Zustand)

Key Responsibilities

UI Development & Component Design

• Partner with product and design teams to translate requirements and wireframes into functional, polished features


• 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 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

• Hybrid 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 building the team behind technologies with real-world security impact


• Ground-floor opportunity to shape people operations as ANVIL scales


• 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 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 practical exercise to assess your approach to common scenarios in the role.

ANVIL welcomes and encourages applications from people with disabilities. Accommodations are available on request for candidates participating in all aspects of the selection process.

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.