Andrew Dent

Web Developer

Featured Projects

grizzlyguitar.com

Grizzly Guitar

A React based headless Shopify storefront with multiple CMS integrations

Features

E-Commerce with Shopify

The online store is powered by Shopify, providing a reliable and scalable platform. The headless storefront setup allows for limitless customization and high performance.

Static Site Generation with GatsbyJS

Powered by Gatsby's SSG for lightning-fast page loads, SEO-friendly architecture, and seamless scalability.

Powered by React

Built with React, using Context API and hooks for global state management and dynamic, responsive user interactions. Powers features like sorting and filtering products without refreshing.

Content Editing with Sanity CMS

Integrated with Sanity CMS for easy user updates to things like services menus, prices, and descriptions.

Uses Wordpress as a Headless CMS

The blog runs on a headless WordPress setup, combining familiar content management with modern React performance.

Formspree + Gmail

Contact forms are powered by Formspree and Gmail, providing a simple and reliable way for customers to get in touch.

view code

view more

view live

tab-lab.vercel.app

Tab Lab

A tool for creating guitar tablature templates

Features

Create Guitar Tab Templates

Musicians can preview, make adjustments, then download as PDF or print the page. Includes support for uncommon instruments like 5-string basses and 8-string guitars.

Print or Save as PDF

The app works by generating a SVG and PDF based on user inputs. Results in resolution-independent templates and consistency across different browsers and devices.

Powered by React Server Components

Built with modern React features including Server Components, hooks, and Context API for global state. Optimized for performance and user experience.

Optimized by NextJS

Built with NextJS, using the App router, Next API's, and Static Site Generation for high performance.

Tailwind CSS + Tailwind UI

Built with Tailwind CSS and Tailwind UI to create a responsive and accessible interface. Also includes custom-built components like the slider input.

TypeScript

Built with TypeScript for type safety, reducing bugs and improving maintainability.

view code

view more

view live

• 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

  view code

  view more

  view live

• 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

  view code

  view more

  view live

• 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

  view code

  view more

  view live