For this project, I built a fully custom e-commerce storefront in React integrated with the Shopify Storefront API

The goal was to create a more modern and flexible shopping experience than a traditional Shopify theme could offer. Rather than relying on pre-built templates, I developed a custom frontend from the ground up to give full control over the user experience, site structure, and overall design.

I also handled the Shopify store setup, including product configuration and connecting the storefront using GraphQL to load products and collection data dynamically.

A major focus of the project was creating a smooth shopping experience across every device. Customers can browse products, view details, add items to their cart, and complete checkout through Shopify’s secure hosted checkout flow. To make the experience feel fast and seamless, I implemented cart persistence so items remain saved after refresh, along with lazy-loaded images and API caching to improve performance.

The frontend was designed to feel modern and responsive, with interactive product cards, subtle animations, and layouts that adapt cleanly between desktop and mobile.

This project is a good example of building a headless Shopify storefront that combines Shopify’s backend commerce tools with a fully custom frontend experience.

Built a fully custom React storefront connected to Shopify

Set up and configured the Shopify store and product catalogue

Integrated Shopify Storefront API using GraphQL

Developed product browsing, cart, and checkout flows

Connected customers to Shopify’s secure hosted checkout

Implemented responsive layouts for desktop and mobile

Added animations and interactive UI elements

Built cart persistence and frontend data caching

Optimised loading performance with lazy-loaded images

Deployed the application with Vercel

Managed development workflow with GitHub