Wrote robust LLM-powered business workflows in LangGraph to automatically identify and locate equipment details and documents such as manuals and spec sheets, format the discovered information for HeyQuip’s novel rental platform with SEO best practices, and help clients convert their equipment catalogue into a digital format.
Designed and implemented scalable asynchronous job processing architecture using NestJS with BullMQ/Redis queues, enabling parallel execution of the agent while relaying detailed progress updates about the state of the agent and its subtasks.
Wrote detailed cost and timing breakdown plugins for LangGraph to help monitor costs and identify bottlenecks in each workflow. Using this information, I was able to plan and execute a restructure of the primary workflow to further reduce the execution time from up to 15 minutes to between 2-5 minutes.
Prototyped an AI agent architecture and React frontend to help customers not only find the equipment they need for a given task, but also learn how to use it using the information gathered by our LLM-powered workflows.
Innovation Full Stack Developer
November 2022 — February 2025
@DesignStripe · Montreal, Quebec
Key Achievements
Worked directly with the CTO to pioneer AI-driven workflows for web scraping, content generation, and content authoring - significantly improving user experience, processing times, and output quality.
Developed and refined a novel procedural graphic design generation system using React, SVG filters, and WebGL that combines constraint satisfaction and wave-function collapse principles, as well as a visual and code editor with an AI co-pilot, while collaborating closely with graphic designers to translate creative visions into scalable, brand-consistent visual assets and intelligent React components.
Engineered specialized features - including a brand analysis system, a server-side 3D video renderer, a server side 2D graphic design renderer, and an advanced image processing pipeline for both raster images and SVG assets, designed to improve responsiveness, asset quality, and performance.
Architected scalable backend systems with container orchestration and serverless functions to support critical business flows, implementing a modern authentication system and secure subscription and checkout system using Stripe and Auth0.
Led major refactoring initiatives that decomposed a monolithic codebase into modular libraries for both React and NestJS, clarifying code ownership and optimizing CI/CD pipelines for developer productivity gains.
Championed cross-functional collaboration to align technical strategies with business objectives and ensure system scalability and reliability.
Frontend Development
Built a variety of complex React pages and component architectures leveraging low-level browser APIs where appropriate, including efficient infinite scrolling design generation results page with lazy loading, SVG spritesheets, and image srcset support; multi-step form wizards for onboarding and managing customer brands; and visual editors with realtime progress feedback for long-running processes like server-side video rendering.
Implemented a gamut of React state management patterns including context providers, jotai atoms, Redux, and Preact signals, as well as server-side state synchronization tools like SWR, TanStack Query, GraphQL via Apollo and URQL, and tRPC, using Suspense to display loading skeletons.
Developed a subscription-based authorization and paywall system using React and integrated in Next.JS, directly contributing to revenue growth and customer satisfaction.
Engineered reusable React components and hooks for font processing features, including custom font loading, fitting, and whitespace trimming, ensuring precise rendering of user-provided fonts in both the design editor and the application as a whole.
Created a WebGL-based shader effects system integrated with React components, enabling dynamic visual effects and animations without the overhead of a full 3D context.
Backend Development
Architected and developed service-oriented backend systems with Node.js and Python, including event processing pipeline in NestJS that managed concurrent workflow execution through a combination of pub/sub messaging patterns and idempotent operations, ensuring data consistency across distributed services even during partial system failures.
Built robust authentication and subscription checkout systems in NestJS using Auth0, Stripe, HookDeck for Web Hook management, and MongoDB, resulting in secure and seamless user transactions with immediate feedback in the app.
Implemented real-time communication techniques between React and NestJS including polling, WebSockets, and Server-Sent Events to provide immediate feedback and updates to users interacting with long-running jobs and AI systems.
Managed cross-language integration between C++, Python, and Node.js services, ensuring high availability, traceability, and uptime monitoring.
Created multi-stage Dockerfiles for C++, Python, and Node.js server applications, being careful to avoid bloating with unnecessary files like sourcecode and build artifacts, and including the ability to use them as developer containers for easy portable dependency management.
System Architecture & DevOps
Established testing architecture using Vitest and Happy DOM, Cypress for E2E testing, and a custom visual regression testing framework for generative graphic designs.
Managed a multi-language, multi-framework NX monorepo with shared libraries for backend NestJS modules, the frontend design system, and React-based services, hooks, and components, as well as build and artifact caching, commit hooks, linting, formatting, and testing.
Key contributor in designing a highly available and scalable distributed system architecture leveraging cloud services, Kubernetes, and serverless functions.
Drove improvements in developer tooling and optimized CI/CD pipelines to reduce build times and increase overall code quality.
Created a specialized C++ developer container to streamline the development environment for the 3D server-side rendering engine across diverse platforms.
Optimization & Operational Excellence
Optimized React rendering performance utilizing React Dev Tools to ensure smooth user interactions, eliminating unnecessary re-renders, duplicate API calls, context spaghetti, and common jank on page load, animated transitions, and scrolling.
Implemented critical performance optimizations in Next.JS that reduced time-to-first-page and improved SSR reliability under heavy loads.
Instituted advanced error handling and logging mechanisms using React error boundaries, Sentry, Winston, and DataDog, which enhanced operational visibility and minimized system downtime.
Performed a detailed analysis on how different social media platforms process images in order to get the best possible results when rendering given the type of text-heavy graphic designs produced by the product.
Optimized MongoDB schema design and query patterns to support high-concurrency operations, implementing appropriate indexing strategies to maintain performance during peak load periods.
Technical Leadership
Mentored cross-functional teams through high-impact projects - from UI/UX redesign and backend service overhauls to complex integrations involving AI and 3D rendering.
Championed a culture of collaboration and technical excellence by documenting workflows, establishing coding standards, pushing for Test Driven Development, mentoring junior React developers, and fostering cross-departmental communication.
Played a pivotal role in shaping the technical roadmap, aligning architectural decisions with business goals, and ensuring both immediate deliverables and long-term scalability were achieved.
Programmer / Full Stack Developer
July 2018 — November 2022
@Nexicom Inc · Millbrook, Ontario
Researched and designed a Kubernetes-based system architecture which can be deployed to various environments, with LDAP talking to Keycloak to provide OpenID Connect and Oauth2; Vault providing secret management; Istio’s service mesh securing, connecting and monitoring services; and NGINX providing ingress
Created a GraphQL API for organization, knowledge, customer, and service application management systems with NestJS using CQRS and domain driven design principles
Worked with multiple database technologies such as Elasticsearch, MongoDB, Redis, and Neo4J
Established a GitOps continuous integration and deployment pipeline using GitLab CI and ArgoCD with code coverage, linting, testing, building, publishing to internal repositories, and rolling updates to Kubernetes
Designed and developed Vue 3 prototype web applications for organization and knowledge administration, as well as customer service application management; each with their own backend providing static assets and server side rendering/generation
Developed a design system and UI component library with Vue 3 and Tailwind CSS used across organization applications
Wrote unit tests, end to end tests, and integration tests in Jest and Vitest
Designed, developed, and deployed an organization-scale physician scheduling application for a medical collective with Vue, GraphQL, and NestJS
Owner / Full Stack Developer
July 2020 — Current
@ShiftLimits · Peterborough, Ontario
Developed Color Suite, a real-time coloring utility for web projects with a curve-based color scale editor built in WebGL
Built an open source Vue 3 UI for LED strips and light bulbs with a real-time WebGL preview of the LEDs on the device
Created a pipeline to compress a Vue frontend for embedding within firmware for microcontrollers with limited memory
Full Stack Developer
October 2020 — July 2022
@Hyun's Dojo · Anaheim, California (Contract)
Created a design system, UI package, and prototype for a feed-following and game-like interactive animation “dueling” system using Vue 3 and Tailwind CSS in the frontend, a GraphQL API powered by NestJS, Redis, and MongoDB in the backend, both deployed on a K3S Kubernetes cluster hosted on a VPS
Designed, developed, and profiled a large-scale fish swarming simulation in WebGL where tens of thousands of tiny fish swarm the logo when the page is first loaded
UI & UX Developer
February 2018 — March 2018
@Air-Serv · Markham, Ontario (Contract)
Designed and developed a prototype user interface for an experimental electrical vehicle charging station using Vue and XState state machines
Worked with hardware developer to embed the UI onto the Raspberry Pi and integrate with the machine’s hardware APIs
Produced and presented demonstration videos highlighting features that fulfill key user stories
Full Stack Developer
November 2014 — January 2018
@Max Games · Edmonton, Alberta
Designed and developed a prototype Vue application for a rebuild of StickPage.com with a Node.js backend running Express and Neo4J, deployed on AWS with video transcoding and lamba functions for triggered tasks
Designed and developed ViralVideos.com, a video aggregation and ranking system with useful authoring tools for editors to extract resources from videos; using a PHP, MySQL and jQuery stack deployed on AWS infrastructure
Maintained existing websites written in Python and PHP frameworks
Full Stack Developer
July 2012 — November 2014
@Hyun's Dojo · Anaheim, California (Contract)
Designed and developed HyunsDojo.com using a PHP, MySQL and jQuery stack hosted on a Linux VPS via Apache; including a feed following system, a Flash video portal with automatic thumbnail extraction, and personal portfolio system for creators to showcase their work
Designed and developed an interactive “egg hunt” experience for website users to promote website exploration and community bonding
See my full 13 year experience history at jeffschofield.com/resume