New site build for the redesign using React, Typescript, Tailwind and Next.js with the app router using GraphQL with WordPress WPGraphQL + ACF for the editor and API.

The custom design required a completely custom UI library of 40+ components including multiple dialog, carousel, card and filterable grid variants, using Storybook to facilitate building the frontend and backend concurrently. The pagebuilder was created with ACF flexible content fields with cloned component and helper field groups, and 6 custom content types. In order to support combinations of components not covered in the design and with the designer not available during development, a good deal of design thinking was applied to standardize grids, vertical spacing and sizing options to the client's needs.

I built the API in PHP/Wordpress and frontend in React for a highly customizable, responsive megamenu.

I built several social sharing tools to help Hopelab visitors share their great work on social media platforms, including selectable share snippets.

I upgraded Hopelab to the latest versions of key software and plugins to keep them secure and using the latest features. Upgrading WP Advanced Custom Fields and Nextjs in particular required significant API and frontend modifications that afforded them a number of optimizations in both editing and displaying content.