Invue
editInvue – Enterprise WordPress Theme Development
Contributed to the ongoing development and optimization of a enterprise-grade WordPress theme for the company Invue. The project leverages a modern development stack including Docker-based local environments, Git-powered deployment pipelines with remote repos and WP Engine, and advanced tooling via Webpack and Gulp for asset compilation and bundling.
Highlights of my contributions:
- Modular JavaScript for Gutenberg Blocks:
Worked to refactor a monolithic 1,000+ line JavaScript file that was being loaded globally across all pages, causing performance bottlenecks. After assessing the issue, the monolithic file was broken into block-specific modular JavaScript files and loaded dynamically based on active Gutenberg blocks, resulting in a reduction in load time and improved Lighthouse performance scores. - Advanced SCSS & GSAP Animation Integration:
Worked with advanced animations using SCSS and GSAP to enhance the frontend user experience. These included scroll-triggered animations, interactive transitions, and component-level motion effects, all integrated within SCSS architecture. - Custom ACF Gutenberg Block Development:
Built and maintained custom Gutenberg blocks powered by Advanced Custom Fields. - Template Updates & Functional Debugging:
Handled a wide range of frontend and backend updates, including debugging complex issues related to custom template logic and third-party integrations. Worked closely with stake holders and internal team members to troubleshoot, test, and deploy fixes efficiently. - Local Docker Development & CI/CD Integration:
Docker was utilized for local development and testing which mirrored the production environment for consistency. Managed code deployments through Git, pushing to dedicated staging and main branches integrated with WP Engine’s Git-based workflow for controlled releases.
Tech Stack: WordPress, ACF, Gutenberg, SCSS, JavaScript, GSAP, PHP, Timber/Twig, Webpack, Gulp, Git, Docker, WP Engine