Front-End Engineer

Our client is seeking a front-end engineer who can bridge marketing and engineering by developing and maintaining high-quality HubSpot CMS themes and React components. They are looking for someone who writes clean, scalable code, integrates seamlessly with tools like Stripe and Google Maps, and prioritizes accessibility, performance, and user experience. The ideal candidate can take full ownership of features—from development to deployment—bringing both technical precision and design sensitivity to a fast-growing, high-impact digital environment.What they'll ownBuild and maintain HubSpot CMS theme files, custom modules, and page templatesDevelop and evolve the React order form that runs inside HubSpotWork on the Vite SSR app for Stripe and the small Express server that supports the formStyle and UX polish across pages and modules, aligned with your theme settingsHandle client-side data flow, validation, and error statesShip observability hooks and fix issues using Sentry logsSupport deployments to the DigitalOcean droplet and HubSpot CMS using the HubSpot CLIMust-have skillsHubSpot CMSStrong experience with HubSpot themes, custom modules, and fields.jsonHubL templating, partials, macros, and using HubDB where neededHubSpot CLI usage: auth, upload, hot-reload, module and theme packagingStyling within HubSpot CMS constraints, theme.json tokens, CSS variables, and scoped module CSSReact and TypeScriptReact 18+ patterns that map well to React 19TypeScript in React projects, props typing, discriminated unions for form state, strict modeState management with ZustandForm handling with react-hook-formComponent libraries: Ant Design, and how to customize tokens and override styles without fighting CSSBuild toolsWebpack 5 config literacy: loaders for TS, CSS/Sass, PostCSS, asset handling, code splittingVite 5/6 for client and SSR buildsPolyfills and shims in browser builds (core-js, node-polyfill-webpack-plugin, buffer/process in the browser)Maps and address UXGoogle Maps JavaScript and React wrappersFamiliar with Google's Places Autocomplete changes and using PlaceAutocompleteElement in new workDebouncing, throttling, and fallbacks for address searchNetworking and APIsAxios usage patterns, retry strategies, timeouts, and cancellationCORS, cookies or sessions for SSR endpoints, and safe handling of env variablesBasic defense against scraping of serviceable locations on the client side, plus patterns to move sensitive checks server sidePayments and checkoutStripe Elements and @stripe/react-stripe-js on the clientServer-side Stripe basics in Express: creating intents, handling sessions, and error statesUnderstanding where PCI scope starts and ends and why card data should never touch your serversStyling and accessibilityModern CSS with Sass and PostCSS AutoprefixerResponsive layout, motion that respects reduced motionWCAG basics, keyboard navigation, and form accessibilityObservability and qualitySentry for React, Node, and release trackingUseful logging that ties to a customer, session, and request pathPractical testing habits: component testing where it pays off, API mocks, smoke testsDevOps basics for your setupComfort with a single DigitalOcean droplet running Node apps behind a reverse proxySystemd or PM2, environment segregation, SSL renewal basicsCI to build and upload to HubSpot via CLI, and to deploy Node appsNice-to-have skillsnode-postal or libpostal familiarity, plus strategies if it is not browser-friendlySSG/SSR tradeoffs for your Vite server and caching headersRate-limit handling and exponential backoff in the browser and serverSecurity reviews of client code: blocking obvious scraping paths, obfuscating endpoints, gating checks on the serverHubSpot APIs, CRM objects, and HubSpot Functions if you choose to use themBasic SQL for reading analytics or HubDB precompute tasks