{#snippet links(externalLinks: ExternalLinkType[])} {#each externalLinks as link} {#if link.icon && link.showIcon} {#if typeof link.icon === 'function' && 'length' in link.icon} {:else} {/if} {:else} {/if} {/each} {/snippet}

Portfolio!

Personal Professional

My personal website re-written using SvelteKit.

Tech Stack:
  • for the headless-ui components.
  • Deployed on a Coolify Self Hosted Box
  • Icons in the /about page and the Bee, Shell, and Nut icons are all made by from

The previous version of my website was written using React and Gatsby which you can view

Each iteration brings better code and my previous React version was improved after the suggestions on of the

You can view the previous archived version of the site before those changes

The app was initially created for my wedding but what is linked here is a public demo of the application.

An application that allows viewing of wedding details and provides the ability to RSVP to the wedding.

Tech stack:

  • Next.js 13
  • React 18
  • MongoDB
  • Styled Components
  • Next Iron Session

My first personal website

This was my first real personal website hosted on DigitalOcean.

Tech stack:

  • React
  • Redux
  • ReactStrap for CSS grid management
  • React Router for routing links in the page

Company website for Mark Shellnut Architect.

Tech stack:

  • React 18
  • Gatsby 5
  • Styled Components
  • GraphQL
  • Lambda Functions