Skip to content
Go to file

Latest commit


Git stats


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

atom · Build Status Netlify status

The second iteration of built with React and hosted with Netlify.

Previous iteration: v1

Website Preview Website Preview

This website is designed to be simple and accessible. The dynamic particles make it both interactive and visually inviting. The website defaults to dark mode and can be toggled to light mode. Once toggled, the theme should persist between tabs, windows, and page reloads.

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 has been spent writing and optimizing it. Please give proper credit by linking back to Thanks!

Installation and Setup
  1. Clone this repository
  2. Install packages/dependencies: npm install
  3. Start the development server: npm start
  4. Feel free to change anything like icons or particle colors

Building and Deployment

  1. Create a production build of the website: npm run build
  2. Deployment: 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 fas moon
Light Mode fas sun
GitHub fab github
LinkedIn fab linkedin
Resume fas file-alt
Email fas paper-plane

Color Reference

Text and icons meet a color contrast ratio of 4.5:1 against the background of the website, conforming with WCAG 2.1 Section 1.4.3.

Name Color Hex
Black #000000 #000000
Purple #C311E7 #C311E7
Blue #00BFFF #00BFFF
Green #90EE90 #90EE90
Gold #E6BF00 #E6BF00
Red #FF6347 #FF6347

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 :​)

You can’t perform that action at this time.