Available for Shopify & Full-Stack Projects

Shopify Developer &
Full-Stack Engineer

Engineering high-performance Shopify storefronts, Liquid theme components, custom APIs, variant logic, and scalable web solutions tailored for growing e-commerce brands.

Shopify Liquid Theme Customization Storefront API Metafields & Metaobjects JavaScript React / Node

View Projects Contact Me

About Me

Delivering clean code, seamless UX, and robust e-commerce solutions.

Shopify & E-Commerce Specialist

I am a software engineer based in Kochi, India, specializing in Shopify theme architecture, Liquid template optimization, and storefront development. I bridge the gap between design and functionality by transforming complex e-commerce requirements into reliable, maintainable code.

My workflow incorporates modern development tools and AI-assisted engineering practices to streamline problem-solving, ensure cross-browser consistency, and maintain lightning-fast page loading speeds.

50+ Projects Completed

100% Responsive & Mobile-First

Liquid Expert Component Logic

API Admin & Storefront Integration

Technical Skills

Curated tech stack for building modern storefronts and web applications.

🛍️

Shopify Ecosystem

Shopify Theme Development
Liquid Engine & Templates
Shopify Admin API
Storefront API (GraphQL/REST)
Metafields & Metaobjects
Shopify Functions & Webhooks
Cart API & Variant Logic

⚡

Frontend Engineering

HTML5 & Semantic Web
CSS3 / Vanilla CSS / Grid / Flexbox
JavaScript (ES6+)
AJAX / Fetch API
Responsive Mobile-First Design
Web Performance Optimization

🛠️

Development & Tools

Git & GitHub Workflows
React & Node.js
Prisma ORM & PostgreSQL
REST & GraphQL APIs
VS Code & AI Engineering Workflows
Cloudflare Pages Hosting

Featured Projects

A selection of web applications and developer tools.

Full-Stack / Web App

Interactive Terminal Portfolio

A retro terminal interface with integrated arcade mini-game built to demonstrate interactive DOM manipulation and state management.

Problem: Needed a unique, memorable portfolio presentation that stands out to tech recruiters.

Solution: Built an interactive shell with custom command parsing, automated typewriter sequences, and canvas game logic in vanilla JS.

HTML5 CSS3 JavaScript Canvas

E-Commerce Solution

Custom Wishlist Application

A lightweight, seamless wishlist solution for Shopify stores with guest saving and account sync support.

Problem: Existing third-party apps slowed down storefront load times and required expensive recurring subscriptions.

Solution: Engineered a client-side localStorage state manager synced with Shopify Customer Metafields via App Proxy.

Liquid JavaScript Storefront API Metafields

Shopify Work & Customizations

Dedicated section highlighting specialized Liquid and Shopify storefront engineering.

🏷️

Complex Variant & Swatch Logic

Built custom Liquid templates handling multi-dimensional product options, nested swatches, and dynamic price/inventory updates without page reloads.

Dynamic variant image switching
Real-time inventory status display
Pre-order & backorder custom workflows

📦

Metafields & Metaobjects Customization

Structured custom metadata schemas to allow store owners to edit rich content sections, size charts, and custom badges directly from Shopify Admin.

Dynamic product specs & tab rendering
Custom color swatch mapping via Metaobjects
Storefront Liquid template integration

🛒

Custom Slide Cart & Upsell Engine

Developed responsive, AJAX-powered drawer cart sections featuring automated free-shipping thresholds, cross-sell items, and instant cart notes.

Asynchronous Section Rendering API
Custom discount progress bar calculation
Zero dependency AJAX cart management

Developer Tools & Extensions

Tools built to enhance developer workflows and productivity.

Developer Tool

Shopify Liquid Snippets Helper

A productivity extension designed to streamline Shopify theme development with intelligent autocomplete, Liquid tag snippets, and schema validation.

Key Features:

Instant Liquid tag and filter suggestions
Schema block generator for section settings
Shortcuts for Metafield & Metaobject tags

Developer Profile Source Repository

Case Studies

Technical breakdowns of complex problem-solving scenarios.

Case Study

Optimizing Theme Performance & Liquid Render Time

Problem

A high-volume merchant experienced slow page rendering due to redundant Liquid loops and unoptimized asset loading on product pages.

Investigation

Analyzed theme render times using Shopify Theme Inspector. Identified repeated `all_products` lookups and un-lazy-loaded hero assets.

Technical Approach

Refactored section Liquid logic to utilize native Metafield references, cached array filters, and implemented responsive srcset image loading.

Implementation

Rebuilt product gallery sections using pure CSS grid & light JS sliders, eliminating heavy third-party carousel dependencies.

Result

Result: Improved mobile Lighthouse Performance score by +35 points and reduced DOM content load time significantly.

Professional Experience

Proven track record in theme development and full-stack engineering.

Software Developer

Webandcrafts Dec 2024 – Present

Engineered custom, high-converting Shopify theme components using Liquid, resolving complex variant logic for high-SKU catalogs.
Developed modular, reusable Shopify theme sections and dynamic blocks for marketing campaigns and storefront promotions.
Collaborated with design and QA teams to guarantee 100% responsiveness and accessibility across mobile and desktop devices.