CPGD
React/TypeScript rebuild of the CPGD platform, aligning the product with the original Webflow branding while replacing static data flows with a live Airtable-driven directory for brands, agencies, profiles, filters, and connected submission forms.Visit Live SiteClick to expand
Click to expand
Click to expand
Click to expand
Project Overview
I rebuilt key parts of CPGD as a production-ready React application for a curated directory of emerging consumer packaged goods brands and the agencies supporting them. The mission was to transform a newer React codebase into a credible replacement for the historical Webflow site while preserving the editorial personality of the brand.
The work covered both UI and data architecture: extraction and reapplication of the brand design language, responsive rebuilding of the main pages, and a full migration from static/CSV-driven content to Airtable REST integrations with typed mapping, pagination handling, React Query caching, dynamic filters, profile pages, and connected submission/update flows.
I also handled practical product iteration after client feedback: improving mobile filter UX, fixing listing relationships and agency profile visuals, structuring payloads for Airtable automations, and making community-driven profile updates more reliable through prefilled forms, change detection, field-level revert actions, and clearer submission confirmation.