WordPress & Frontend Developer specializing in custom themes and beautiful user experiences.
View My Work/**
* I’m a WordPress/WooCommerce developer and React-focused frontend engineer.
* I build fast, accessible SPAs with Vite and Tailwind, and develop custom plugins and extensions that automate real e-commerce workflows.
* My work centers on clean API integrations, reliable data flows, maintainable UI, Core Web Vitals and technical SEO.
*/Build fast, accessible SPAs with React (Vite), component-driven architecture, clean UI, and reliable routing.
Custom plugin development, WooCommerce extensions, and clean integrations
Create modern visual layouts, wireframes, high-fidelity mockups, and responsive, accessible interfaces with delightful interaction design.
Boost Core Web Vitals and technical SEO with smart caching, schema, and performance tuning for snappy pages.
Developed a bespoke WooCommerce plugin to synchronize product inventory, orders, and customer data with a client's internal ERP system via REST API. Built a custom, React-based dashboard within the WordPress admin for at-a-glance reporting and streamlined workflow management.
Engineered a high-performance corporate website using WordPress as a headless CMS and a Next.js frontend. Leveraged GraphQL for efficient, precise data fetching and server-side rendering (SSR) to achieve sub-second load times and excellent Core Web Vitals.
Led a comprehensive performance and technical SEO audit for a major online publisher. Implemented critical fixes including image optimization, server-side caching, and structured data (Schema.org), resulting in a 40% improvement in Lighthouse scores and a 15% increase in organic traffic.
A foundational snippet for creating a new custom post type in your WordPress theme's functions.php file. This is the first step to building custom content structures.
Read TutorialA reusable custom hook in React to handle fetching data from an API, managing loading and error states cleanly and efficiently within your components.
Read TutorialExplore the best ways to center elements in CSS using Flexbox, Grid, and other modern properties. Say goodbye to old hacks and write cleaner, more predictable layout code.
Read TutorialLearn how to implement a debounce function from scratch in JavaScript. This utility is essential for improving performance by limiting the rate at which a function gets called.
Read TutorialImprove page load times by implementing native lazy loading for images and using Intersection Observer as a fallback for older browsers. A simple trick for a big performance win.
Read TutorialAn introduction to ARIA (Accessible Rich Internet Applications) roles and how to use them to make your web applications more accessible to users with disabilities.
Read TutorialI'm always open to discussing new projects, creative ideas or opportunities to be part of your visions. Feel free to get in touch with me.
contact@shahroodi.com
Comments (0)