Abhinav Pandrate / Shopify case study

3D kitchen configurator

A browser-based 3D builder. Modules snap together, the finish switches across 11 colours, and the build goes straight into the Shopify cart.

Role: Designed and built

Year: 2026

Problem

Customers couldn't picture a modular outdoor kitchen in their chosen colour before buying.

What I built

• A browser-based 3D builder where modules snap together connector to connector
• The finish can be switched across 11 colours
• The finished build goes straight into the Shopify cart
• Deep links let marketing send people to a preset kitchen

Stack

React, Vite, React Three Fiber, Zustand, Three.js, Draco, Shopify Storefront API, Liquid

Outcome

• Draco compression cut the 3D assets from 560MB to 22MB
• Every module and finish combination resolves to the right Shopify variant

What I learned

3D on the web is mostly a file-size problem.

More work

• Network design: Multi-subnet network designed and built in Cisco Packet Tracer
• Phishing simulation: A Gophish campaign in a lab, from landing page to tracking
• Checkout race condition: A time-of-check/time-of-use issue in a Shopify checkout flow
• Wargames & labs: OverTheWire, TryHackMe and PortSwigger Web Security Academy
• Charlie Oven store: Running the Shopify store for a British outdoor oven maker
• Charlie Oven HQ: Internal operations panel for orders, shipping and factory paperwork
• 3D kitchen configurator: Plan an outdoor kitchen in 3D, then buy it on Shopify
• Stockist: B2B wholesale app for Shopify
• STYRKR CEL50 promo: A Shopify Function in place of native discounts
• STYRKR ERP & automation: NetSuite through Celigo, plus n8n for staff on- and offboarding