City Roots VT

Full-stack developer

A farm-to-table food service in Vermont: an editorial presentation site plus a dedicated ordering app. Order ahead by Sunday, pick up Wednesday, all season long.

Year
2025
Role
Full-stack developer
City Roots VT

The Challenge

One brand, two surfaces, two audiences. The presentation site had to feel editorial (story, producer features, a clear “how it works”) and stay editable by the City Roots team with no developer dependency. The ordering app had to be lightweight and trustworthy on mobile: a single-page flow where a customer can land, pick dishes and check out in under a minute, even on flaky rural connections. Both had to share a tightly controlled brand system, so users never feel like they've left for somewhere else.

How I Built It

Two codebases, one visual language. The presentation site is WordPress, with a custom build on Elementor + ACF, its own CPT for the weekly menu and LiteSpeed caching, so it's fast from the first byte. The ordering app is React: installable as a PWA, dark/light-theme aware, tuned for the rural 4G case with route-split chunks and a cart that survives a tab close. Both surfaces share the same design tokens (Lexend + Work Sans, the City Roots green, the paper-cream tone), so brand unity never breaks at the jump from .com to order.*.