Frontend Engineer — Graph Editor (Contract)

Atomic Machines•Emeryville, CA

6d•$1 - $2•Hybrid

About The Position

In this role you will help maintain and extend a web-based visual graph editor for manufacturing workflows. Users create and connect nodes representing materials/workpieces/tools and manufacturing steps (processes/inspections), validate the resulting workflow against catalogs and strict data contracts, and export a schema-compliant JSON representation for downstream tooling. This role blends UI engineering with data integrity work. The editor must stay responsive on large graphs, preserve correctness (IDs, validation, export format), as well as support collaboration workflows through version control integrations. This is a part-time, hybrid, freelance/contract role. The person will be onsite in our Emeryville office 2-5 days per week. Hours: 1st 60 days: 20-40 hours per week Ongoing: 10-20 hours (minimum) per week

Requirements

~3+ years building production web apps with React + TypeScript.
Graph/diagram editor experience (ReactFlow, D3, jointjs, etc.).
Experience with complex client-side state and data integrity (persistence, migrations, “single source of truth” patterns).
Comfort working in a codebase where correctness matters (validation, deterministic export formats, backwards compatibility).
Experience integrating with REST APIs and handling offline/error modes gracefully.
Ability to write and maintain tests for non-trivial logic (not just snapshot/UI smoke tests).
Strong debugging skills: performance profiling, event handling, and race-condition style issues in the browser.

Nice To Haves

Manufacturing background (MES, process planning, CAD/CAM adjacent tooling, “recipes/methods/catalog” concepts).
JSON Schema / AJV experience and comfort with strict data contracts.
GitLab API experience, auth systems (Okta/OIDC), or “internal tool” deployment constraints.

Responsibilities

Build and maintain a React + TypeScript UI for a graph editor (node/edge creation, selection, multi-select, drag/drop, property panels).
Implement schema-driven validation and export (JSON Schema / AJV), ensuring stable, backwards-compatible outputs as schemas evolve.
Improve performance and reliability for large graphs (rendering, minimizing re-renders, preventing UI jitter, safe persistence).
Support workflows around identity/ID rules, including ID generation, transformations on copy/paste/import, and “minting/locking” behaviors that freeze certain fields once finalized.
Maintain integrations used in real production workflows: GitLab API (branching, committing files, MR workflows) Methods API (catalog sync, offline fallback, validation that blocks pushes when API is down) Authentication (Okta)
Ship small-to-medium features end-to-end: UI, state changes, validation, tests, and docs.
Triage bugs from real users (manufacturing/process engineers), reproduce quickly, and implement safe fixes.
Add/maintain unit tests (Jest + TS) around tricky logic (ID transformation, export validation, API sync behavior).
Keep the build/lint/test pipeline healthy (Vite, TypeScript, ESLint, Jest) and handle dependency upgrades carefully.
Collaborate asynchronously with a cross-functional team (process, production, AI) through clear PRs, strong commit hygiene, and pragmatic technical decisions.