84 lines
1.7 KiB
Markdown
84 lines
1.7 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
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.
|
|
|
|
|
|
## DEV NOTES as of 10/29/2025
|
|
|
|
- All social links are dummy values as of now.
|
|
- Section layout is controlled via <Section id="...."></Section> wrappers.
|
|
- Images are outdated and will be replaced.
|
|
- UI is mobile-oriented, but device friendly.
|
|
|
|
|
|
## TODO
|
|
|
|
- Add links to projects within cards
|
|
- Change out experience tab for resume/skills
|
|
- Add animations
|
|
- more ways to contact
|
|
- Deploy site via personal service
|
|
|
|
|
|
## View Progress
|
|
|
|
```bash
|
|
npm i
|
|
|
|
npm run dev
|
|
|
|
## Local: http://localhost:5173/ (control + click local host url)
|
|
|
|
```
|
|
|
|
## Author
|
|
|
|
### Jody Holt
|
|
### Frontend Developer • Passion Pioneer
|
|
#### [GitHub](https://github.com/Ricearoni1245) • [LinkedIn](https://www.linkedin.com/in/jody-holt-9b19b0256) • [Email](mailto:jholt1008@gmail.com)
|
|
|