Skip to main content

Sam Site

Personal portfolio and professional website showcasing projects and skills.

Overview​

A modern, responsive personal website built with React and 3D elements, featuring project showcases, skills demonstration, and professional information.

Tech Stack​

  • Frontend: React + Vite
  • Styling: Tailwind CSS
  • 3D Graphics: Three.js components
  • Deployment: Multiple versions (React, Next.js, PHP)
  • Infrastructure: Kubernetes with S3 assets

Features​

Modern React Version​

  • 3D logo and interactive elements
  • Responsive design with Tailwind CSS
  • Project showcase with modal details
  • Skills and about sections
  • Contact form integration

Multiple Implementations​

  • React/Vite: Modern SPA with 3D elements
  • Next.js: SSR version for improved SEO
  • PHP: Legacy version with traditional server-side rendering

Professional Sections​

  • Hero section with 3D branding
  • Project portfolio with detailed cards
  • Skills and expertise showcase
  • About and contact information
  • Footer with social links

Development​

# React version
cd reactsite/samsite
npm run dev

# Next.js version
cd sam-site
npm run dev

Deployment​

Deployed with Kubernetes including ingress configuration and S3 integration for static assets.