Ryan Seaman Personal Website

🌐 Visit Website

A modern, high-performance portfolio website showcasing biomedical informatics expertise and projects.

---

Key Features & Highlights

• React 19 Integration:
  • Native Document Metadata Hoisting: Dynamic page title and description tags declared within component JSX, eliminating imperative side-effects.
  • Fluid Search Transitions: Implemented React 19 useTransition to run list searches and category tag filtering in the background, keeping text input typing perfectly responsive.
  • Resource Preloading: Hoisted preloading <link> tags inline to fetch heavy assets (LCP profile photo and featured publication graphics) early.
• Native Browser View Transitions: Seamless CSS-driven morph transitions when routing between pages.
• Premium Glassmorphism Design: Dark, modern theme styled with custom gradients, floating ambient spheres, interactive 3D card tilt springs, and robust, high-legibility fallbacks optimized for Firefox.

---

Tech Stack

• React 19 - UI library
• TypeScript - Type safety
• Tailwind CSS v4 - Styling framework
• Vite - Build tool and dev server
• Framer Motion - 3D spring animations and gestures
• Lucide React - Icon library

---

Run Locally

Prerequisites

• Node.js (v14 or higher)

Steps

1. Clone the repository:

   git clone https://github.com/RPSeaman/RPSeaman.github.io.git
   cd RPSeaman.github.io

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

---

Deployment

This site is deployed on GitHub Pages and accessible at rpseaman.com. Deployment is automated via GitHub Actions workflows.

---

Contact

Feel free to reach out:

• 📧 Email: ryan.patrick.seaman@gmail.com
• 💼 LinkedIn: linkedin.com/in/ryanpseaman
• 🐙 GitHub: github.com/RPSeaman
• 📸 Instagram: @ryanpseaman

---

Made with ❤️ by Ryan Seaman