Projects

Grizzly Guitar

Grizzly Guitar

A custom Shopify storefront with multiple CMS integrations

Grizzly Guitar is a service business and online store.

I created this custom e-commerce website which features an accessible and high-performance front-end.

It features a blog hosted on WordPress, custom data managed in Sanity, and e-commerce powered by Shopify.

Built with:

React

GatsbyJS

GraphQL

Tailwind CSS

Sanity CMS

Shopify

Wordpress

Mint Condition Detailing

Mint Condition Detailing

A Shopify storefront built with React Server Components

Mint Condition Detailing is a service business and online store.

I integrated my Shopify store and Sanity CMS data with Vercel's commerce template to gain experience with Next.js 14 and React Server Components.

This headless Shopify Storefront allows for full customization capabilities, while offering customers the ability to modify content with the no-code Shopify interface.

Built with:

React

NextJS

TypeScript

Tailwind CSS

Sanity CMS

Shopify

Baltimore Corgis Website

Baltimore Corgis Website

A community website with admin update capability

Baltimore Corgis is a community of Corgis, owners, and friends!

After frustrations using a drag-and-drop website builder, the organizer of Baltimore Corgis decided to move to a more customized and performant solution for their community website.

I helped make their ideas a reality, as well as implemented a way for them to easily update content like members and events.

Built with:

React

GatsbyJS

GraphQL

Sanity CMS

Styled Components

Clamp Calc

Clamp Calc

A tool for generating clamp CSS functions

This app allows users to specify the minimum and maximum sizes for their elements, as well as the minimum and maximum viewport widths.

Using these parameters, the app generates a CSS clamp function that ensures the element scales dynamically with the viewport width.

Built with:

React

NextJS

Sass

Tab Lab

Tab Lab

A tool for creating guitar tablature templates

Users can see a preview of the template, make adjustments, then download or print the page.

Finding the perfect template can be difficult, so I built a tool to create my own.

I plan to add features such as user-saved templates and offer this helpful tool to more musicians over time.

Built with:

React

NextJS

Styled Components

react-to-print

Smart Shopping List

Smart Shopping List

An app built remotely by a team of developers

Smart Shopping List is an app that tracks and suggests groceries based on purchase frequency.

I worked on a team of 4 developers as part of The Collab Lab to build this app. We followed an Agile workflow with weekly sprints and pair programming.

During this project, I learned about team-centric tools and processes from my team mates, our mentors, and weekly presentations from experts.

Built with:

React

TypeScript

Firebase

Jest