Jody Holt | Developer Portfolio

This is the source code for my personal portfolio. Created using React//Tailwind//TypeScript

---

Overview

This site demonstrates my personality, skills, and presents the tone I provide through all my collaborative/business endeavors.

STACK

• SPA with React (functional components, hooks)
• TailwindCSS (custom tokens and theme system)
• Theme Engine (5 themes with automated color adaption per user preference )
• IntersectionObserver (based scroll nav)
• Modular component layout

---

Project structure

src/
|-assets/ # Images
|-components/ #Reusable UI components 
|-hooks/ #Custom  React Hooks
|-styles/ #Tailwind + custom theme CSS
|App.tsx
|index.css

---

Theme System

within index:

5 unique themes are laid out by:

• color-bg
• color-primary
• color-text
• color-secondary
• color-tertiary

These themes are applied via html[data-theme="x"] and are used across the site for all gradients, tints, accents, etc.

To run on local client:

npm i

npm run dev

## Local:   http://localhost:5173/ (control + click local host url)

Author

Jody Holt

Frontend Developer • Passion Pioneer

GitHub • LinkedIn • Email