Portfolio!

selected ? "tab-selected portfolio-tab" : "tab-unselected portfolio-tab"}>

Personal Sites

selected ? "tab-selected portfolio-tab" : "tab-unselected portfolio-tab"}>

Professional Sites

Personal Website

{#each personalSite as { src, format }} {/each}

My personal website written using the following technologies.

Tech Stack:

Current version was improved after the suggestions on{' '} Show 444 {' '} of the{' '} Syntax Podcast .

Previous archived version of my{' '} personal website .

Wedding Website

{#each weddingWebsite as { src, format }} {/each}

View Site {' '}

Github Repo {' '}

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

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

Tech stack:

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

Old Personal Website

{#each oldSite as { src, format }} {/each}

Link to an archive snapshot

This was my first real personal website hosted on DigitalOcean. It was built using the following:

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

Mark Shellnut Architect

{#each shellnutArchitectWebsite as { src, format }} {/each}

View Site {' '}

Company website for Mark Shellnut Architect.

Tech stack:

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