GrocerKey — White-Label Web Storefronts

Web (TypeScript + Aurelia + React)

About

Modular web platform powering white-label grocery storefronts for national and regional chains including Calgary Food, Fareway, Kowalski's, and Stew Leonard's — handling shopping, checkout, and retailer-specific branding.

My Role

Delivered a highly configurable web client with edge-server middleware, Azure AD SSO integration, Stripe payments, LaunchDarkly feature flags, and dynamic retailer theming without separate codebases.

Core Capabilities

• Multi-retailer white-label storefronts with dynamic theming
• Shopper authentication with Azure AD SSO/SAML integration
• Stripe payment integration for checkout flows
• LaunchDarkly feature flags for controlled retailer rollouts
• Real-time updates with long-polling and SPA navigation
• Geolocation with Google Maps for store selection

Architecture

• TypeScript 3.x with Aurelia CLI 3 as primary SPA framework
• React 17 islands for incremental feature migration
• Node.js/Express edge gateway for session parsing and API proxying
• Webpack 5 with custom configuration and Babel transpilation
• Azure MSAL for enterprise SSO authentication

Tech Stack