Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

atom · CI Workflow Netlify status

The second iteration of built using React and hosted on Netlify.

Previous iteration: v1

Desktop Preview Mobile Preview

I have designed this website to be simple and accessible. Dynamic particles create an experience that is interactive for visitors. The site offers two themes via a toggle, a dark theme (default) and a light theme. Once toggled, the selected theme should persist between tabs, windows, and page reloads.

Mobile support for the site ranges from 4 in. displays through 6.7 in. all the way up to 13 in. tablets.

Open Source

I made this website open source under the assumption that others would use the code to create their own websites. I only ask that this code be used with attribution as a significant amount of time was spent writing and optimizing it. Please give proper credit by linking back to Thanks!

Install & Setup
  1. Clone this repository
  2. Install dependencies: npm install
  3. Start the development server: npm start

Build & Deploy

  1. Create a production build: npm run build
  2. The React Deployment docs detail how to deploy to gh-pages, Netlify, and many other services


Font Awesome Icons

Use Icon Short-Code
Dark Mode far moon
Light Mode far sun
GitHub fab github
LinkedIn fab linkedin
Resume fal file-alt
Email fal paper-plane

Color Reference

Text and icons have a color contrast ratio greater than 7:1 satisfying WCAG 2.1 Section 1.4.6

Name Color Hex
Black 000000 000000
Slate 333333 333333
Red ff2600 ff2600
Orange ff8000 ff8000
Yellow ffd500 ffd500
Green 22dd22 22dd22
Blue 00bfff 00bfff
Purple c912ed c912ed
Silver cccccc cccccc
White ffffff ffffff

If you found this project useful, please consider giving it a ! If you have any questions or feedback, open an issue and I will get back to you :​)