<aside>
<img src="/icons/city_gray.svg" alt="/icons/city_gray.svg" width="40px" /> Certivo
</aside>
<aside>
<img src="/icons/row_gray.svg" alt="/icons/row_gray.svg" width="40px" /> Table of Contents
</aside>
<aside>
<img src="/icons/flash_gray.svg" alt="/icons/flash_gray.svg" width="40px" /> Apply Now!
</aside>
Location: Remote
Reports to: CTO
Type: Full‑time
About Certivo
Certivo turns regulatory evidence into market access. Our AI (CORA) ingests supplier documents and BoMs, validates lineage against rules, and assembles market‑ready packets mapped to every product × site × market—so launches don’t slip and shipments don’t sit. You’ll help craft the product surfaces that make this power usable, fast, and trustworthy.
The role
Own and ship core experiences in the Certivo web app: supplier campaigns, evidence review, packet factory, rules (CORA) builder, and customer/supplier portals. You’ll partner with Design, Product, and Compliance Engineering to translate complex regulatory workflows into crisp, resilient UI at enterprise scale.
Scorecard (what success looks like)
30 days
- Ship one meaningful UI improvement to an existing surface (e.g., Evidence Viewer, Supplier Campaigns) and a small net‑new component in the design system.
- Set up local/dev tooling; add Storybook stories for 10+ components; instrument key flows with analytics/events.
- Pair with Compliance Engineers to learn packet anatomy (Safety & Listings, Materials & Substances, Sustainability, Market Access) and map that to UI states.
60 days
- Deliver one scoped feature end‑to‑end (design → API integration → tests) such as: “Generate Packet” flow v2, BOM diff table with virtualization, or rule builder form with validation.
- Hit Core Web Vitals budgets on the feature (LCP ≤ 2.5s, INP ≤ 200ms, CLS ≤ 0.1 on median test env) and WCAG 2.1 AA on interactive paths.
- Add Playwright/Cypress e2e coverage for two critical paths; raise unit/integration coverage on the surface to ≥70%.
90 days
- Own a product surface (e.g., Supplier Portal or Evidence Pack Viewer). Reduce P50 → P95 interaction latency by ≥25% and error rate by ≥30%.
- Ship resilient file viewing for large documents (PDF up to 50–100MB) with text search and side‑by‑side citations; add optimistic/skeleton/error states for long‑running AI tasks.
- Land a reusable data grid (TanStack Table) with row/column virtualization that handles 100k+ rows smoothly.
6–12 months
- Lead the v1 of CORA Rules Builder: schema‑driven form, Zod validation, diff and version history, and safe rollout (feature flags).
- Establish a unified design system and reach ≥80% adoption across new screens; publish usage guidelines and tokens.
- Internationalize supplier‑facing flows (i18n) and right‑to‑left readiness; implement robust upload pipeline UX (chunked, resumable, background status) with SSE/WebSocket updates.
Responsibilities
- Build high‑quality React/TypeScript features that are accessible, performant, and testable.
- Design system & UI kit: extend Tailwind/shadcn components; create composable primitives (forms, tables, modals, wizards) with state machines where appropriate.
- Data‑heavy UX: implement large virtualized tables, filters, and saved views for parts, suppliers, and documents; provide fast, debounced search and progressive hydration.
- Evidence & document UX: PDF viewing/annotation hooks, side‑by‑side field extraction with citations, file ingestion states (queued, processing, validated, exceptions), and bulk actions.
- Rules Builder (CORA): complex forms with React Hook Form + Zod; field‑level validation; drafts and approvals; change tracking.
- Supplier Portal: multilingual flows, secure upload links, checklist/requests UX, and SLA timers; robust error/skeleton/empty states.
- Observability & quality: add logging/metrics for UI events; craft Playwright/Cypress e2e and Jest/Vitest + Testing Library coverage; drive down escaped defects.
- Security & governance: implement role‑based access (RBAC/ABAC) in UI, SSO/OIDC flows, audit log affordances, and safe file download patterns (signed URLs, CSP).
- Collaboration: work closely with Design and PM on specs; provide technical guidance; participate in design/architecture reviews.
Key product surfaces you may own
- Evidence Pack Viewer (with citations, diffs, and export to PDF/Excel/JSON)
- Supplier Campaigns & Inbox (multilingual, dedupe/fingerprinting, response analytics)
- CORA Rule Packs (authoring, preview, versioning)
- Packet Factory (submittals, listings, substances, owner/operator, retailer/AHJ)
- Audit & Activity (timeline, provenance, and approvals)
Our stack (you don’t need every item on day one)
- Frontend: React 18, TypeScript 5, Next.js (App Router), TailwindCSS, shadcn/ui, TanStack Query & Table, React Hook Form + Zod, Zustand/Redux Toolkit.
- Data viz: Recharts/visx. Docs: PDF.js/Monaco. i18n: next‑intl/lingui (or similar).
- Tooling: Storybook, Playwright/Cypress, Jest/Vitest, Testing Library, ESLint/Prettier, Turborepo + pnpm.
- APIs: REST/GraphQL; SSE/WebSockets for streaming status.
- Infra (fyi): Node/Nest services, Postgres, S3, event bus; feature flags, CI/CD.
Qualifications
Must‑have
- 4+ years building production React/TypeScript apps with shipped features used by real customers.
- Strong UI architecture and state management chops; experience with complex forms and data‑heavy tables.
- Performance and accessibility discipline: you’ve moved Core Web Vitals and shipped WCAG 2.1 AA‑compliant flows.
- Testing: solid unit/integration skills and working knowledge of Playwright/Cypress for e2e.
- Product sense: ability to simplify complex workflows and write crisp UX copy.
Nice‑to‑have
- Next.js App Router, TanStack Query/Table, shadcn/ui, React Hook Form + Zod.
- Large document handling (PDF.js), virtualized grids, or real‑time status UIs.
- Enterprise auth (SSO/OIDC), RBAC/ABAC, and audit trails.
- Experience in regulated/industrial domains or with data‑intensive SaaS.
- Basic charts/visualization and file export pipelines.
What great looks like (KPIs)
- Ship velocity: 2–3 medium features per quarter, with <2 escaped Sev‑2 bugs per release.
- Quality: ≥70% coverage on owned surfaces; e2e coverage for two critical paths per surface.
- Performance: feature‑level budgets met (LCP ≤ 2.5s; INP ≤ 200ms; CLS ≤ 0.1) on median customer env; P95 interaction latency reduced ≥25% on owned surface.
- Accessibility: WCAG 2.1 AA for primary flows; zero critical a11y regressions.
How we work
- Pragmatic, test‑first when stakes are high; fast feedback loops; design‑dev pairing.
- Feature flags for safe rollout; migrations in small steps; metrics‑driven decisions.
- “AI + human”: design for transparency (citations, diffs, rollbacks) so users trust outcomes.
Interview process
- Intro (30 min): team and product overview; mutual fit.
- Technical deep dive (60 min): discuss past systems; state management, performance, and testing decisions.
- Practical exercise (90 min take‑home or live): build a small rules form with validation and a virtualized table; add tests.
- Panel (60 min): cross‑functional scenario with PM + Design; code review discussion.
Compensation & benefits
Market‑competitive salary and equity; comprehensive benefits; growth path toward Senior/Staff with ownership over a product surface.
Apply
Email [email protected] with:
-
Links to 1–2 shipped features (or a short loom/demo) describing your role and outcomes
-
A brief note on how you’d improve our Evidence Pack Viewer or Supplier Portal in your first 60 days
Subject: Frontend Engineer — Certivo App