I BUILD THE PARTS OF SHOPIFY THAT DON'T COME OUT OF THE BOX.
Liquid · Variants · Metafields · APIs · Performance · Developer Tools
WORK
Things I've built, broken, debugged and shipped.
Third-party wishlist apps bloated themes with heavy external scripts, introduced layout shifts, and charged expensive monthly subscriptions.
A client-side localStorage state manager syncing guest selections with Shopify Customer Metafields via lightweight App Proxy.
Zero external JS libraries used. Trade-off: required custom Liquid snippet installation, yielding 100% theme control and zero subscription cost.
Writing Liquid code and Metafield lookups required repetitive manual typing and context switching to look up schema syntax.
VS Code extension helpers offering instant Liquid auto-completion, section schema block generation, and Metafield tag suggestions.
Built directly against VS Code API for zero latency completion. Accelerates theme engineering speed significantly.
Standard developer portfolio templates present static resume lists that fail to demonstrate interactive DOM manipulation.
An interactive shell interface with custom command parsing, typewriter sequences, and canvas mini-game embedded directly in the page.
Built completely in Vanilla JS to prove DOM control without relying on heavy terminal emulation libraries.
LAB
Experiments, prototypes and technical problem-solving.
{
"id": 4829104,
"title": "Black / Medium",
"option1": "Black",
"option2": "Medium",
"price": 4900,
"available": true,
"sku": "ATUL-BLK-M"
}SYSTEM
Technical stack, engineering profile and log timeline.
THINGS I LIKE BUILDING
- → Weird, non-standard Shopify commerce problems
- → Developer tools that eliminate repetitive manual coding
- → Small utilities that solve annoying workflow bugs
- → Systems that remove unnecessary third-party app dependencies
- → Finding edge-case bugs that shouldn't exist
SOFTWARE DEVELOPER @ WEBANDCRAFTS
Engineering custom, high-converting Shopify theme components using Liquid. Resolving complex variant logic and building reusable section schemas for high-SKU product catalogs.
SHOPIFY DEVELOPER @ RDP WORKSTATION
Converted Figma designs into responsive Shopify Dawn themes. Optimized site performance, Liquid render loops, and configured Metafield settings for content management.
TOOLS I'VE BUILT
Developer extensions and utilities engineered for Shopify workflows.
// VS Code Extension: Shopify Liquid Snippets Helper
const vscode = require('vscode');
function activate(context) {
const provider = vscode.languages.registerCompletionItemProvider('liquid', {
provideCompletionItems() {
return ['metafields.custom', 'metaobjects', 'section.settings'];
}
});
context.subscriptions.push(provider);
}
exports.activate = activate;Shopify Liquid Snippets Helper
Switch Shopify environments and write Liquid tags without leaving VS Code. Auto-completes section schema blocks and custom Metafields.