Proof of Work

Browse my personal portfolio for a closer look at my Proof of Work projects. Click to explore each project's specifics.

Project 1

Tres Noir

Context: Suavecito Inc,

A headless e-commerce static site powered by GatsbyJS. It leverages Shopify's Storefront API and the Contentful API. The architecture ensures a customizable, seamless, and exceptionally fast customer experience.

Gatsby
React
Typescript
Project 1

Suavecito Partners App

Context: Suavecito Inc,

The Suavecito Partners app is crafted with React Native, NativeWind, React Query, Shopify Storefront API, and Stripe. This tech stack ensures a swift checkout experience and cross-platform compatibility for both iOS and Android.

React Native
Typescript
GraphQL
Project 1

Suavecito Wholesale Remix Site

Context: Suavecito Inc,

The Suavecito wholesale site, powered by Shopify's Hydrogen Remix tech stack, utilizes RemixJS's foundation, including route loaders, for an optimized and highly customizable customer experience.

Remix
React
Typescript
Project 1

Pacific Fire Engineering

Context: Freelance

Pacific Fire Engineering is a static site generated with Next.js and Tailwind. The use of this tech stack ensures extreme speeds and an optimal SEO experience, given its static nature. As my inaugural freelance project, I spearheaded the design, deployment, and overall creation of the site.

Next
Tailwind
Typescript
Project 1

Suavecito

Context: Suavecito Inc,

Suavecito.com, a legacy platform powered by HTML, CSS, Liquid, and vanilla JavaScript, embodies extensive DOM manipulation skills. Its legacy architecture ensures compatibility with Shopify's theme editor, facilitating easy customization for non-developers and enhancing overall usability. This strategic approach delivers a seamless and adaptable user experience.

Javascript
HTML5
CSS3
Project 1

Cerveza Cito

Context: Suavecito Inc,

Cervezacito.com is built with Next.js, utilizing static site generation (SSG) for non-Shopify pages and server-side rendering (SSR) with Next.js Actions for Shopify pages like /shop and /products. This hybrid approach ensures fast load times and a responsive shopping experience.

Next
Tailwind
Typescript