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 own

- Build and maintain HubSpot CMS theme files, custom modules, and page templates
- Develop and evolve the React order form that runs inside HubSpot
- Work on the Vite SSR app for Stripe and the small Express server that supports the form
- Style and UX polish across pages and modules, aligned with your theme settings
- Handle client-side data flow, validation, and error states
- Ship observability hooks and fix issues using Sentry logs
- Support deployments to the DigitalOcean droplet and HubSpot CMS using the HubSpot CLI

Must-have skills

HubSpot CMS

- Strong experience with HubSpot themes, custom modules, and fields.json
- HubL templating, partials, macros, and using HubDB where needed
- HubSpot CLI usage: auth, upload, hot-reload, module and theme packaging
- Styling within HubSpot CMS constraints, theme.json tokens, CSS variables, and scoped module CSS

React and TypeScript

- React 18+ patterns that map well to React 19
- TypeScript in React projects, props typing, discriminated unions for form state, strict mode
- State management with Zustand
- Form handling with react-hook-form
- Component libraries: Ant Design, and how to customize tokens and override styles without fighting CSS

Build tools

- Webpack 5 config literacy: loaders for TS, CSS/Sass, PostCSS, asset handling, code splitting
- Vite 5/6 for client and SSR builds
- Polyfills and shims in browser builds (core-js, node-polyfill-webpack-plugin, buffer/process in the browser)

Maps and address UX

- Google Maps JavaScript and React wrappers
- Familiar with Google's Places Autocomplete changes and using PlaceAutocompleteElement in new work
- Debouncing, throttling, and fallbacks for address search

Networking and APIs

- Axios usage patterns, retry strategies, timeouts, and cancellation
- CORS, cookies or sessions for SSR endpoints, and safe handling of env variables
- Basic defense against scraping of serviceable locations on the client side, plus patterns to move sensitive checks server side

Payments and checkout

- Stripe Elements and @stripe/react-stripe-js on the client
- Server-side Stripe basics in Express: creating intents, handling sessions, and error states
- Understanding where PCI scope starts and ends and why card data should never touch your servers

Styling and accessibility

- Modern CSS with Sass and PostCSS Autoprefixer
- Responsive layout, motion that respects reduced motion
- WCAG basics, keyboard navigation, and form accessibility

Observability and quality

- Sentry for React, Node, and release tracking
- Useful logging that ties to a customer, session, and request path
- Practical testing habits: component testing where it pays off, API mocks, smoke tests

DevOps basics for your setup

- Comfort with a single DigitalOcean droplet running Node apps behind a reverse proxy
- Systemd or PM2, environment segregation, SSL renewal basics
- CI to build and upload to HubSpot via CLI, and to deploy Node apps

Nice-to-have skills

- node-postal or libpostal familiarity, plus strategies if it is not browser-friendly
- SSG/SSR tradeoffs for your Vite server and caching headers
- Rate-limit handling and exponential backoff in the browser and server
- Security reviews of client code: blocking obvious scraping paths, obfuscating endpoints, gating checks on the server
- HubSpot APIs, CRM objects, and HubSpot Functions if you choose to use them
- Basic SQL for reading analytics or HubDB precompute tasks