Frontend Developer

Verifran; Canada; Hybrid; CAD 90,000 - 130,000; Full time

Job summary

Verifran is seeking a frontend engineer to build product surfaces in React and TypeScript, starting from design tokens and extending to the design system. You will own components, tokens, and the discipline to use them consistently across the product.

You will push for accessibility, craft deliberate CSS, and ensure shipped work reflects real user needs. This fully remote role emphasizes overlap with Eastern Time, and aims to turn assessments into conversations rather than forms.

Qualifications

• Strong experience with React and TypeScript in production.
• Ability to write deliberate CSS and justify choices.
• Experience shipping a product after launch.
• Accessibility is a habit, not a checklist you run at the end.
• You notice when two designs are fighting on one page.

Responsibilities

• Build product surfaces in React and TypeScript, from the design tokens up.
• Own the design system in practice — components, tokens, and the discipline to use them.
• Make the assessment feel like a conversation rather than a form.
• Hold the accessibility line: contrast, target size, keyboard, reduced motion.
• Push back when a design would be dishonest about what the product does.

Skills

React

TypeScript

CSS

Accessibility

Design systems

Data visualization

Tools

TanStack Router

Tailwind

shadcn/Base UI

Vite

Job description

Build the surfaces people actually judge us by: the assessment a franchisee talks their way through, and the intelligence card a franchisor decides on.

TeamEngineering TypeFull-time LocationRemote — anywhere with 4 hours overlap with Eastern Time

Two audiences, opposite needs. A franchisee is being measured and needs the experience to feel fair and unhurried. A franchisor is deciding whether to spend a credit and needs density, evidence and speed. Both run on the same design system.

You will care about the things that do not show up in a ticket: whether a gate is enforced server-side or merely blurred, whether a control is 24px, whether a number is legible at 3.4:1. We hold a fairly high bar on that and would like someone who raises it.

What you will do

• Build product surfaces in React and TypeScript, from the design tokens up
• Own the design system in practice — components, tokens, and the discipline to use them
• Make the assessment feel like a conversation rather than a form
• Hold the accessibility line: contrast, target size, keyboard, reduced motion
• Push back when a design would be dishonest about what the product does

What we are looking for

• Strong React and TypeScript, and taste you can argue for
• You write CSS deliberately, and can explain why a value is what it is
• You have shipped something you were responsible for after launch
• Accessibility is a habit rather than a checklist you run at the end
• You notice when two designs are fighting on one page

Nice to have

• Data visualisation, or anything where a number has to be read correctly
• You have owned a design system that other people had to live with
• Experience with TanStack Router, Tailwind, or shadcn/Base UI

The stack

• React
• TypeScript
• Vite
• TanStack Router
• Tailwind

Remote

This role is fully remote. We care about overlap, not postcode — four hours with Eastern Time is enough.

How we hire

A conversation, a piece of real work paid at our rate, and a call with the team you would join. No whiteboard puzzles, no unpaid take-homes.