JDJérôme
JD

Jérôme D.Soucy

Senior Frontend Engineer

Greater Montréal Metropolitan Area

Open to remote roles globally, or hybrid in Montréal

Design systems, React/TypeScript component libraries, and AI-augmented engineering.

15+ years building React/TypeScript apps and design systems for banking, retail, real estate, and B2B SaaS. Recently shipping AI-driven products with Claude, Fal, and ElevenLabs — and exploring agentic workflows with OpenClaw and Claude Agent SDK.

Now building

Products I own end-to-end — shipping and iterating right now.

Contes de Lune

Live

2026

Personalized illustrated postcards, mailed to your kid twice a month.

Quebec-French subscription: an adventure universe built around a child's profile, printed and mailed on the 1st and the 15th. Story and illustration generation, a parent preview window, and print fulfillment through a mail API.

  • Next.js
  • Supabase
  • Claude
  • Stripe
  • Print API

SnapAIReport

Live

2026

AI-readiness assessments for small businesses, delivered as a PDF.

Intake form → Claude analysis → branded PDF report → email follow-up, in English and French. Vertical landing pages for lawyers and accountants, plus a free token-cost calculator as a lead magnet.

  • Next.js
  • Claude
  • PDF generation
  • Resend
  • Vercel

Home Energy Canada

Live

2026

Every home-energy rebate and program, by province.

Bilingual directory of federal and provincial rebates — heat pumps, insulation, oil-to-electric conversions — with structured data and a page per province and program.

  • Next.js
  • Programmatic SEO
  • i18n
  • Vercel

Viande de ferme

Live

2026

Buy meat direct from Quebec farms.

Directory of Quebec farms selling direct to consumers — by region and meat type, with farm profiles. Built from the same directory template as the energy site.

  • Next.js
  • Programmatic SEO
  • Vercel

Mission Control

Internal

2026

Internal ops dashboard for a fleet of AI agents.

Next.js dashboard that runs a multi-agent operation: project boards, cron health, finance, memories, and tools — wired to OpenClaw and the Claude Agent SDK, with Slack as the notification layer.

  • Next.js
  • Claude Agent SDK
  • OpenClaw
  • Slack

Selected work

Design systems and platform work from earlier roles.

JLL Design System

2023–2025

Tokens, primitives, and shared utilities across product squads.

Led design-system work at JLL: design tokens, reusable React/TypeScript components, and shared utils consumed by multiple product teams. Companion guidelines for the JavaScript codebase and performance improvements to existing web apps.

  • React
  • TypeScript
  • Tailwind
  • styled-components
  • Jest
  • Figma

WorkJam — Squad Lead

2021–2023

Frontend platform work for a workforce-management SaaS.

Led a domain squad delivering frontend work for WorkJam's platform — atomic-design system, Next.js apps, recruiting and mentoring engineers, and unblocking systemic delivery issues.

  • React
  • Next.js
  • Tailwind
  • Jest
  • Atomic Design

National Bank of Canada — Frontend Architect

2018–2020

Modernizing legacy React across multiple banking projects.

Analyzed and refactored older React codebases for long-term maintainability; aligned multiple project teams on shared libraries; researched and introduced tooling to improve workflow.

  • React
  • Redux
  • React Hooks
  • TypeScript
  • Webpack
  • Jest

History

2025 – Present

Independent / Consulting

Frontend Engineer — AI products & automation

  • Designed and shipped AI-driven products end-to-end — Claude + Fal pipelines for text, image, voice, and video generation, with live per-call cost tracking.
  • Building agentic workflows on Claude Agent SDK and OpenClaw — multi-agent task systems, structured tool use, browser automation for content pipelines.
  • Frontend engineering on internal Next.js apps: design tokens, reusable component layers, Vercel deploys.

Next.js · React · TypeScript · Tailwind · Claude API · Fal · ElevenLabs · Twilio

2023 – 2025

JLL

Software Developer Lead

  • Built the design system: tokens, primitives, reusable React components, and shared utilities used across product squads.
  • Improved performance of existing web apps — bundle size, rendering, and initial-load metrics.
  • Reviewed and rewrote internal JavaScript guidelines so squads ship from a common baseline.

React · TypeScript · Tailwind · styled-components · Jest · Figma · Webpack

2021 – 2023

WorkJam

Domain Squad Lead

  • Led the squad's React/Next.js work — atomic-design system, responsive UI, test coverage.
  • Recruited and retained senior frontend engineers; ran 1-1s, career planning, and mentoring.
  • Diagnosed systemic delivery obstacles and made the calls that unblocked them.

React · Next.js · Tailwind · Jest · Atomic Design

2020 – 2021

Edge10 Group

Head of Technology

  • Recruited and managed the engineering team; built strategic plans for portfolio companies.
  • Authored tech policies, procedures, and roadmaps with stakeholders.

2018 – 2020

National Bank of Canada

Frontend Architect → Lead Software Developer

  • Analyzed legacy React codebases and refactored them for long-term maintainability.
  • Aligned multiple teams on shared libraries and conventions.
  • Researched and introduced tooling and patterns that improved the workflow.

React · Redux · React Hooks · TypeScript · Webpack · Jest · GraphQL

2017 – 2018

Qover

Senior Software Engineer

  • Built a complex mobile-first web application and a library of reusable components.
  • Owned frontend-backend contract quality and unit-test coverage.

React · Redux · Node.js · MongoDB · Webpack · Jest · TDD

2016

Barco

Senior Software Engineer

  • Built a bleeding-edge web application connecting to consumer home devices (Alexa integration).

React · AngularJS · Redux · Node.js · MongoDB

2015 – 2016

LiveShout

Senior Front-End Developer

  • Full-stack ownership of a connection-focused web app — DB, API, responsive UI, and feature design.

React · Redux · Firebase · Webpack · SCSS

2015

Intellio Capital Humain (Outbox Tech)

Senior Front-End Developer

  • Senior consultant rebuilding the HTML5 version of a legacy Flash web app; authored reusable components for the team.

React · Flux · Gulp

2014 – 2015

Virtual Artifacts

Lead Front-End Developer

  • Responsive web applications and marketing-driven sites; R&D on emerging tools.

AngularJS · Node.js · REST · Grunt · Yeoman

2013 – 2015

FAKT

Co-founder & Lead Front-End Developer

  • Co-founded the studio; shipped Thirdshelf (retail SaaS), interactive video walls for X2O Media (Verizon flagship store at Mall of America, Lockheed Martin), and Desjardins' VMD site.
  • Responsive web apps for Pixia Soft, Subledger, Pushup Charity, Loue Froid, Castle Story.

AngularJS · BackboneJS · Node.js · MongoDB · MySQL · PHP

2012 – 2013

Mobilogie

Lead Software Developer

  • Led the web department; mentored two junior developers; rolled out Jira tooling.

2011 – 2012

Nurun

Senior Front-End Developer

  • Major projects for Vidéotron (Trouve-tout), Hydro-Québec (responsive lead), L'Oréal, BRP, Michelin, BFGoodrich, Sanofi (Star System responsive), Gore (Backbone web app).
  • Built internal tooling (sprite generator, Grunt-based pipeline) and trained the team on emerging tooling.

2009 – 2011

MindGeek Canada

Front-End Developer

  • High-traffic websites; modules and plugins for an in-house CMS.

2006 – 2009

Kung Fu Numérik

Front-End / Back-End Developer

  • First professional role; full-stack web work across Flash/HTML/CSS/JS, PHP, and UI design.

Cégep de Matane

DEC — Technique d'Intégration en Multimédia

2003 – 2006

Skills

Core

  • React
  • TypeScript
  • Next.js
  • Node.js
  • JavaScript

Design Systems

  • Atomic Design
  • Tokens
  • Reusable components
  • Tailwind CSS
  • styled-components
  • Figma

AI / Automation

  • Claude API
  • Fal
  • ElevenLabs
  • OpenRouter
  • Prompt engineering
  • Agentic workflows (OpenClaw, Claude Agent SDK)

Tooling

  • Jest
  • Storybook
  • Vercel
  • Git
  • GitHub
  • GitHub Actions
  • Supabase
  • Firebase
  • Make
  • n8n
  • Zapier
  • REST
  • GraphQL
  • Redux
  • MongoDB

Let’s build something.

Open to remote roles globally, or hybrid in Montréal.