Work

Highlighting my work with this advanced Shopify development store app built using Nuxt 3, Apollo GraphQL, and Insomnia for API testing. It also utilizes Pinia for state management and the Storefront API. The main challenges included understanding client vs server-side requests and effectively managing a cart.

This project was built using Nuxt 3 and GraphQL to query and display products. It’s been one of the most challenging projects I’ve worked on so far, but also the most rewarding. Through this project, I learned how Shopify’s Storefront API operates and how to fetch real (and test) products using it. Additionally, I set up a Shopify development store to generate the necessary API keys and credentials. The project also includes a "Pay" button that redirects users to Shopify's external checkout for seamless transactions.

Case study: I chose to build this mock sneaker app in order to get familiar with the functionality of a modern e-commerce website. The challenge called for a working lightbox that displays several different product images, a cart menu, and an "add to cart" button.

Case study: Stay updated! This newsletter sign-up page was super insightful. I want to build online shops, and a big part of that is attracting more users. Although I had a tough time understanding how form validation works, I was able to reference MDN docs on how to validate emails and display an error message otherwise. Feel free to Subscribe!