Welcome to the Source Repo for my Portfolio Site

Currently hosted live via GitHub Pages.

A collection of front end design artifacts intended to represent my skillset and design taste. All components were built using ReactJS and vanilla Typescript and CSS. All projects were built without the assistance of external libraries or components, with the exception of the date picker used in the quote table.

Mobile and Desktop Friendly.

reach out at david@greentwig.xyz if you're in need.

React Components

src ⮑ component

Assets (images, fonts, etc)

public ⮑

Code Organization

Each component has a .tsx file (typescript React element) and a corresponding css file for styling that component.

Audio Player

1. AudioPlayer.css
2. AudioPlayer.tsx
3. audio_utils.ts

Virtual Desktop

1. VirtualDesktop.css
2. VirtualDesktop.tsx
3. VirtualDesktopFile.tsx

Product Card

1. ProductCard.css
2. ProductCard.tsx

Task Table

1. TaskTable.css
2. TaskTable.tsx

Substrata

Substrata is an external project, built using React, Tailwind CSS, Web Audio, C, and WASM.

1. Substrata Repo

Portfolio Item

Each entry in the portfolio is organized and styled by the Portfolio Item component

1. PortfolioItem.css
2. PortfolioItem.tsx

Overview

1. Overview.css
2. Overview.tsx